.box-height{max-width:100%}.box{margin:0 0 50px;overflow:hidden;position:relative;transition:1.2s cubic-bezier(.86,0,.07,1) .2s;width:0}.box img{display:block;object-fit:cover}.box:before{background:linear-gradient(45deg,#7bb12f,#0568de);content:"";display:block;height:100%;position:absolute;transition:.8s cubic-bezier(.77,0,.175,1) .6s;width:100%}.box.triggered{width:100%}.box.triggered.right:before{transform:translateX(101%)}@media (max-width:768px){.box{margin:0 0 20px;overflow:hidden;position:relative}.box,.box:before{transition:none}}