section[role='narrative']{background-position:50% 50%;background-size:cover} section[role='narrative'] .text, section[role='narrative'] .main-image{flex:1} section[role='narrative'] .main-image img{min-width:16rem} section[role='narrative'][data-back]{height:25vw;min-height:32rem;background-position:50% 50%} section[role='narrative'][data-back] *{color:#000} section[role='narrative'][data-back] .text{max-width:32rem;background:rgba(255,255,255,0.8);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} section[role='narrative'][data-back] .text:hover{background:rgba(255,255,255,0.9)} @media (max-width:320px){section[role='narrative'] .flex{flex-flow:column} section[role='narrative'] .text, section[role='narrative'] .main-image{width:100%}}#images{background-color:unset} .thumbs a{opacity:unset;transition:unset} #medias{background-position:50% 50%;background-size:cover} #overview .col{flex:1} #overviewRender3D{margin-top:-16rem} #overviewCustomize{margin-top:-8rem} #overviewCustomizeButton{color:#fff;font-size:4rem;font-weight:800;-webkit-clip-path:polygon(0 2rem,2rem 0,100% 0,100% 0,100% calc(100% - 2rem),calc(100% - 2rem) 100%,0 100%,0 100%)} #overviewRender3DImage{width:33vw;min-width:24rem;max-width:40rem}