.sponsors {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	gap: 20px;
	padding: 10px 0;
}

.sponsors .sponsor {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.sponsors .sponsor img {
	border-radius: 10px;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform 0.5s ease;
}

.sponsors .sponsor:hover img {
	transform: scale(1.2);
}

.sponsors .sponsor .infos {
	position: absolute;
	bottom: 0;
	left: 0;
	transition: height 2s ease;
	pointer-events: none;
	background-color: rgba(255, 0, 0, 0.8);
	color: white;
	width: 100%;
	/* Animation */
	max-height: 0;
	opacity: 0;
	transition: max-height 1.5s ease, opacity 0.5s ease, padding 0.3s ease;
	padding: 0 10px;
}

.sponsors .sponsor:hover .infos {
	max-height: 150px;
	opacity: 1;
	padding: 10px;
}

/* logo size */
.sponsor-size-0 {
	height: 180px;
	flex: 0 0 calc(50% - 10px);
}

.sponsor-size-1 {
	height: 120px;
	flex: 0 0 calc(33.333% - 14px);
}

.sponsor-size-2 {
	height: 75px;
	flex: 0 0 calc(25% - 15px);
}

/* Mobile */
@media (max-width: 768px) {
	.sponsor-size-0 {
		flex: 0 0 100%;
	}

	.sponsor-size-1 {
		flex: 0 0 calc(50% - 10px);
	}

	.sponsor-size-2 {
		flex: 0 0 calc(33.333% - 14px);
	}
}