.wrapper{position:absolute;width:100%;height:100%;left:0}.wrapper.in-image{height:25vw;bottom:0}.wrapper.full-image{height:100%}.bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:top ease-in-out .3s}.hide .bg{top:100%}.left{position:absolute;left:5%;top:55%;transform:translateY(-50%);height:100%;transition:left ease-in-out .3s}.hide .left{right:-100%}.right{position:absolute;top:0;right:0;height:100%;transition:right ease-in-out .3s}.hide .right{right:100%}.center{position:absolute;left:50%;top:50%;height:100%;transform:translateX(-50%) translateY(-50%)!important;transition:top ease-in-out .3s}.hide .center{top:100%}.top{position:absolute;left:0;top:0;height:100%;transition:top ease-in-out .3s}.hide .top{top:100%}.bottom{position:absolute;bottom:0;height:100%;transition:bottom ease-in-out 3s}.hide .bottom{bottom:-100%}video{height:50%;z-index:999}