.event-item {
    display: flex;
    flex-direction: column; /* Organiza os elementos verticalmente */
    height: 400px; /* Define uma altura fixa para o card */
    border: 1px solid #ddd; /* Apenas para visualização */
    border-radius: 5px; /* Borda arredondada */
    overflow: hidden; /* Garante que nada ultrapasse o limite do card */
}

.event-image {
    flex: 1; /* A imagem ocupa 50% da altura */
    width: 100%; /* Ocupa toda a largura */
    overflow: hidden; /* Corta conteúdo excedente */
}

.event-image img {
    width: 100%; /* Garante que a imagem preencha horizontalmente */
    height: 100%; /* Garante que a imagem preencha verticalmente */
    object-fit: cover; /* Ajusta a imagem sem distorcer */
}