.my-gallery {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.2rem;
	grid-auto-flow: row dense;
}

.gallery-thumbnail {
	position: relative;
}

.gallery-thumbnail img {
	width: 100%;
	height: auto;
}

figure {
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

.vertical {
	grid-row-end: span 2;
}

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {
	.my-gallery {
		grid-template-columns: 1fr 1fr;
	}
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {}