.photo-grid {
	columns: 2;
	column-gap: 0.75rem;
	margin-top: 1rem;
}

.photo-grid .gallery-item {
	margin: 0 0 0.75rem 0;
	break-inside: avoid;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}

.photo-grid .gallery-item img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}

.photo-grid .gallery-item:hover img {
	transform: scale(1.05);
}

@media (min-width: 768px) {
	.photo-grid {
		columns: 3;
	}
}

@media (min-width: 1200px) {
	.photo-grid {
		columns: 4;
	}
}