.gallery-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evently;
}

.glightbox {
	margin: clamp(1%, 10px, 1.5%);
	width: clamp(100px, 22%, 600px);
	max-height: 50vh;
	position: relative;
}

.glightbox::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.glightbox img, .glightbox video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

@media screen and (max-width: 800px) {
	.glightbox {
		width: 100%;
	}
}