.select{display:flex;justify-content:space-between}.box{width:100vw;height:40vw;background-size:cover;background-position:50%;font-size:24px;transition:background-image .3s ease;overflow:hidden}.box,.box1,.box2{display:flex;position:relative}.box1,.box2{width:50%;height:100%;align-items:center;justify-content:center;color:#fff;text-decoration:none}.box1{border-right:1px solid #fff}.box-title{font-size:4vw;font-weight:700}.description{color:#fff;font-size:1.5vw;font-weight:400;position:absolute;bottom:-100%;left:50%;transform:translateX(-50%);width:100%;text-align:center;transition:bottom .2s ease;opacity:0}.box1:hover,.box2:hover{background-color:rgba(0,0,0,.5)}.box1:hover .box-title1,.box2:hover .box-title2{transform:translateY(-5vw);transition:transform .3s ease}.box1:hover .description1,.box2:hover .description2{bottom:30%;opacity:1}@media (max-width:768px){.box1:hover .box-title1,.box2:hover .box-title2{transform:none;transition:none}.box1:hover .description1,.box2:hover .description2{bottom:-100%;opacity:0;transition:none}}