.gallery-item {
	width: 400px;
	height: 400px;
	overflow: hidden;
	margin: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f0f0f0; /* Background color for loading state */
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	display: none; /* Hide image until loaded */
}


.gallery-item:hover img {
	transform: scale(1.5);
}


.gallery-item .loading-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	border: 4px solid #ccc;
	border-radius: 50%;
	border-top-color: #333;
	animation: spin 1s linear infinite;
}


@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.gallery-container {
	display: flex;
	flex-wrap: wrap;
}