#gallery {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

#gallery::after {
	content: '';
	flex-grow: 999999999;
}

#gallery a {
	display: block;
	margin: 5px;
	position: relative;
	flex-grow: 1;
	height: 200px;
	overflow: hidden;
}

#gallery img {
	min-width: 100%;
	max-width: 100%;
	height: 200px;
	object-fit: cover;
	vertical-align: bottom;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#gallery a,
	#gallery img {
		height: 100px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#gallery a,
	#gallery img {
		height: 200px;
	}
}