body {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	

	margin: 0;
}
.galleryImageContainer {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 20%;
	aspect-ratio: 1;
	height: 20vw;
}

.galleryImageThumb {
	align-items: center;
	width: 100%;
	aspect-ratio: 1;
	z-index: 1;
	opacity: 100%;

	transition: opacity 0.2s ease-in-out;
}

.galleryImageTitle {
	display: flex;
	justify-content: center;
	align-items: center;

	z-index: 2;
	text-align: center;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;

	color: white;
	opacity: 0%;

	align-self: center;

	font-size: xx-large;
	font-weight: bolder;

	transition: opacity 0.2s ease-in-out;
}

.galleryImageContainer:hover > .galleryImageTitle{
	opacity: 100%;
}

.galleryImageContainer:hover > .galleryImageThumb {
	opacity: 25%;
}