.blockicon-preview{width:100%;max-width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:4px} .blockicon-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .section-block{position:relative;display:flex;flex:1;height:auto;flex-wrap:wrap;transition:0.75s;overflow:hidden;align-self:flex-start} .section-block-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transform:translateZ(0);backface-visibility:hidden;will-change:transform} img.section-block-media{object-fit:cover;object-position:center 20%;opacity:0;transition:opacity 1.5s ease-in-out} img.section-block-media.active{opacity:1} video.section-block-media{object-fit:cover;object-position:center 20%} div.section-block-media{background-image:url();background-size:cover;background-position:center 20%;background-repeat:no-repeat} .section-block-static,.section-block-animated,.section-block-overlay{position:relative;display:flex;flex:1 !important;z-index:1} .section-block-static{background:rgba(0,0,0,0.00)} .section-block-animated{background:linear-gradient(-45deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 25%,rgba(0,0,0,0.00) 50%,rgba(0,0,0,0.00) 75%,rgba(0,0,0,0.00) 100%);background-size:400% 400%;animation:sectiongradient 45s ease-in-out infinite} @keyframes sectiongradient{0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}