.brand-container{
	gap: 0;
}

.brand-page:hover .overlay {
	opacity: 1;
}

.brand-page:hover img {
	transform: scale(.88);
}

.brand-page > div {
	height: 300px;
}

.brand-page img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	transition: opacity .35s, transform .35s;
	transform: scale(1);
}

.brand-page .description {
	font-size: .8rem;
}

.brand-page .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .85);
	opacity: 0;
	transition: opacity .35s;
}