.scene-container{width:100%;height:780px;--slant-width:100px;--transition-speed:0.5s;gap:20px}.scene-container,.scene-item{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.scene-item{flex:1;height:100%;background-size:cover;background-position:50%;cursor:pointer;color:white;text-align:center;transition:flex 1.2s cubic-bezier(0,0,.2,1);z-index:1;margin-right:calc(-1 * var(--slant-width));align-items:flex-end;justify-content:center}.scene-item:last-child{margin-right:0}.scene-item-first{clip-path:polygon(0 0,100% 0,calc(100% - var(--slant-width)) 100%,0 100%)}.scene-item-middle{clip-path:polygon(var(--slant-width) 0,100% 0,calc(100% - var(--slant-width)) 100%,0 100%)}.scene-item-last{clip-path:polygon(var(--slant-width) 0,100% 0,100% 100%,0 100%)}.scene-content{position:relative;bottom:0;left:0;width:100%;z-index:2;transition:opacity .4s ease,transform .4s ease;padding:0}.scene-content h2{margin-right:75px!important}.title-background{padding:78px 10px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.scene-content h2{font-size:1.5em;margin:0;color:white;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.title-background{width:100%;padding:78px 10px 80px;transition:opacity .3s ease;position:absolute;left:0;bottom:0;z-index:5}.title-background-0,.title-background-1,.title-background-2{background:-webkit-gradient(linear,left top,left bottom,color-stop(47%,rgba(12,28,63,0)),to(rgba(12,28,63,.8)));background:linear-gradient(180deg,rgba(12,28,63,0) 47%,rgba(12,28,63,.8))}.title-background-3{background:-webkit-gradient(linear,left top,left bottom,color-stop(47%,rgba(12,63,33,0)),to(rgba(12,63,33,.8)));background:linear-gradient(180deg,rgba(12,63,33,0) 47%,rgba(12,63,33,.8))}