.zphoto-gallery {
	display: grid;
	grid-template-columns: repeat(var(--zphoto-columns, 3), 1fr);
	gap: 4px;
	margin: 0;
	padding: 0;
}

.zphoto-gallery__item {
	margin: 0;
	overflow: hidden;
}

.zphoto-gallery__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

@media (max-width: 782px) {
	.zphoto-gallery {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.zphoto-gallery {
		grid-template-columns: 1fr;
	}
}