.banners-container {
	display: grid;
	grid-template-columns: 60% 40%;
	gap: 1rem;
	margin: auto;
}

.banner {
	display: block;
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	transition: transform 0.3s ease;
}
.banner:hover {
	transform: scale(1.05);
}

.banner img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

@media (max-width: 768px) {
	.banners-container {
		grid-template-columns: 1fr;
	}
	.banner {
		width: 100%;
	}
}