.gallery-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-image {
    width: 400px;
    /* Ajuste o tamanho conforme necessário */
    height: auto;
    margin-bottom: 10px;
}

.thumbnails {
    display: flex;
    gap: 10px;
}

.thumbnail {
    width: 80px;
    /* Ajuste o tamanho das miniaturas */
    height: auto;
    cursor: pointer;
    transition: border-color 0.3s;
    /* Adiciona uma transição suave */
}

.thumbnail:hover {
    background-color: rgba(219, 34, 28, 0.644);
}