/* Add custom CSS styles below */ 
/* =========================================
   RIVANA — Banner CLS Fix
   Celia Theme
   ========================================= */

/* البنر الرئيسي */
.s-block--photos-slider {
    aspect-ratio: 1108 / 428;
    overflow: hidden;
}

.s-block--photos-slider > * {
    width: 100%;
    height: 100%;
}

.s-block--photos-slider img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* البانرات العريضة */
.s-block--fixed-banner {
    overflow: hidden;
}

.s-block--fixed-banner img {
    display: block;
    width: 100%;
    height: auto;
}


/* منع الصور من تجاوز الحاويات */
.s-block img {
    max-width: 100%;
}


/* الجوال */
@media (max-width: 767px) {

    .s-block--photos-slider {
        aspect-ratio: 768 / 307;
    }

}