<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.backgroundWrapper{padding-bottom: 35%; position: relative;}
.background, .background div.lazyOver{-webkit-background-size: cover; background-size: cover; min-height: 450px; position: relative; background-position: center center;padding: 50px; box-sizing:border-box;}
.background div.lazyOver{height:100%; top:0; left:0; width:100%;transition-property:opacity; transition-duration:1s;opacity:0;position:absolute; display:block; padding: 0;min-height: 0;}

.backgroundWrapper .background{top: 0;left: 0;width:100%; overflow:hidden; height: 100%; position: absolute; min-height: 0;padding: 0; margin: 0;}


.backgroundWrapper.shapeChange[data-shape="1"]&gt;.background{clip-path: circle();}





/********************************************************
 *              NEW
 *******************************************************/
.background&gt;.bgWrap{pointer-events:none;display: block; position:absolute;z-index: 0; overflow: hidden; left: 0;
        top: 0;left: 0;width: 100%; height: 100%;}

.background&gt;.bgWrap&gt;*:not(.bg_img){position:absolute;left: 50%;top: 50%; transform:translate(-50%, -50%);width: 100%; height: max(100%, 100vw);}
.background&gt;.bgWrap&gt;.bg_img, .background&gt;.bgWrap&gt;.bg_img&gt;.lazyOver{position:absolute;left: 0;top: 0;width: 100%; height: 100%; background-size: 100% auto;background-position: center center}
.background&gt;*{z-index: 2;position: relative;}


.background.cover&gt;.bgWrap&gt;.bg_img, .background.cover&gt;.bgWrap&gt;.bg_img&gt;.lazyOver,
.background&gt;.bgWrap&gt;.bg_img.cover, .background&gt;.bgWrap&gt;.bg_img.cover&gt;.lazyOver{background-size: cover;}
.background.contain&gt;.bgWrap&gt;.bg_img, .background.contain&gt;.bgWrap&gt;.bg_img&gt;.lazyOver{background-size: contain; background-repeat: no-repeat;}

.background.fixed&gt;.bgWrap{clip-path: inset(0);}
.background.fixed&gt;.bgWrap&gt;*{position: fixed;left: auto; background-size: cover;}
.background.fixed&gt;.bgWrap&gt;video{object-fit: cover}

.background.full&gt;.bgWrap.v{padding-bottom: 56.5%; height: 0}
.background.full&gt;.bgWrap.v&gt;*{height: 100%;}
.background[style*="radius"]&gt;.bgWrap, .background[style*="radius"]&gt;.bgWrap&gt;*,.background[style*="radius"]&gt;.BgColorOverImg,
.background&gt;.bgWrap, .background&gt;.bgWrap&gt;*,.background&gt;.BgColorOverImg{border-radius: inherit;}

.background.fullMask, .background{mask-size:100% auto; -webkit-mask-size:100% auto;}
.background.containMask{mask-size:contain; -webkit-mask-size:contain;}
.background.coverMask{mask-size:cover; -webkit-mask-size:cover;}

.background&gt;.bigLinkOverAll{position: absolute;top: 0; left: 0; width: 100%; height: 100%;}

.editableZone .bg_choice&gt;*{z-index: 3;}
.editableZone .background&gt;.bigLinkOverAll{z-index: 2; pointer-events: auto}


@media (max-width: 768px) and (orientation: portrait){
        .background *[style*="background-attachment"]{background-attachment: scroll !important;position: absolute !important;}
        .background.fixed&gt;.bgWrap&gt;*, .background.fixed .lazyOver{position: absolute !important;background-attachment: scroll !important;}

}

@media (max-width: 1024px) and (orientation: landscape){
        .background *[style*="background-attachment"]{background-attachment: scroll !important;position: absolute !important;}
        .background.fixed&gt;.bgWrap&gt;*, .background.fixed .lazyOver{position: absolute !important;background-attachment: scroll !important;}
}
</pre></body></html>