.grid-container {
	display: grid;
	grid-template-columns: repeat(1, minmax(250px, 1fr));
	gap: 100px;
	padding: 20px;
	align-items: center;
}

.grid-item {
	max-height: 80vh; /* Limit each grid item's height to 70% of viewport height */
}

.grid-item-img {
	max-height: 100%;
	max-width: 100%;	
}

.grid-item-img img {
	max-height: 90%;
	max-width: 100%;
	transition: transform 0.3s ease-in-out;
	overflow: hidden;
	object-fit: cover; /* Ensure images cover their containers */
}

/* Styles for mobile devices */
@media screen and (min-width: 600px) {
	.grid-container {
		display: grid;
    		grid-template-columns: repeat(2, minmax(250px, 1fr));
	}
}

/* Styles for tablets */
@media screen and (min-width: 1200px) {
	.grid-container {
		display: grid;
    		grid-template-columns: repeat(3, minmax(250px, 1fr));
	}
}