/* Estilo para a imagem de fundo */
.header-image img {
    width: 100%;  /* Garantir que a imagem ocupe toda a largura da tela */
    height: auto; /* Mantém a proporção original da imagem */
    max-height: 300px; /* Limita a altura da imagem para não ficar excessivamente grande */
    object-fit: cover; /* Faz a imagem cobrir toda a área da div, mantendo a proporção */
    display: block;
}

/* Estilo para o texto abaixo da imagem */
header {
    background-color: #f8f9fa;  /* Cor de fundo para destacar o texto */
    padding: 50px 20px;
}

header .container h1, header .container p {
    color: #333;  /* Cor do texto */
}