*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}section{position:relative;width:100%;min-height:100vh}section.hero-img,section.about-img{height:200vh}.hero{background:#120947a5}.about,.footer{background:#10042bb2}img{position:absolute;width:100%;height:100%;object-fit:cover}h1{position:absolute;top:50%;left:50%;text-transform:capitalize;transform:translate(-50%,-50%);font-family:sans-serif;font-size:12vw;font-weight:600;letter-spacing:-.025;color:#e0e0e0;opacity:.8;text-align:center}.block-container{position:absolute;width:100%;height:400px}.block-container .top{top:0}.block-container .bottom{bottom:0}.block-row{width:100%;height:100px;overflow:hidden;display:flex}.block{width:100%;height:100%;transform:opacity .1s}.block-container.top.block-row.block{opacity:1}.block-container.bottom.block-row.block{opacity:0}.hero-img.block-container.top.block-row.block{background:#120947a5}.hero-img.block-container.bottom.block-row.block,.about-img.block-container.top.block-row.block,.about-img.block-container.bottom.block-row.block{background:#10042bb2}