.product-images {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centra los elementos horizontalmente */
}

.main-image img {
    max-width: 100%;
    height: auto;
    border: 0px solid #ddd; /* Añade un borde alrededor de la imagen */
}

.thumbnails {
    display: flex;
    justify-content: center; /* Centra los elementos horizontalmente */
}

.thumbnail {
    cursor: pointer;
    margin-right: 10px;
}