/* Contenitore principale del rotatore immagini */
.rsir-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    background: #000; /* colore di sfondo dietro le immagini */
    margin: 0 0 20px 0;
}

/* Ogni immagine del rotatore */
.rsir-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;   /* <-- QUESTA È LA CHIAVE */
    object-position: center center; /* centrata perfettamente */
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    background: #000; /* evita trasparenze */
}

/* Immagine visibile */
.rsir-slide.active {
    opacity: 1;
}