.banner-container {
    width: 100%; /* Ocupa a largura total do seu site */
    margin: 10px 0; /* Adiciona um pequeno espaço acima e abaixo do banner */
    overflow: hidden; /* Garante que nada saia do container */
}

/* 2. Garante que a imagem se ajuste e seja responsiva */
.banner-image {
    width: 100%; /* Faz a imagem ocupar 100% do container */
    height: auto; /* Mantém a proporção da imagem (muito importante) */
    display: block; /* Remove espaços extras comuns em imagens */
}

.banner-link {
    display: block; /* Torna o link um bloco para envolver 100% da imagem */
}