body{margin:0}a{width:160px;height:600px;border:1px solid black;display:block;box-sizing:border-box;overflow:hidden;position:relative}a:hover .triangle{left:139px}.background{position:absolute;top:0;left:-120px;transition:left 5s ease-out}.background.active{left:-304px}.container{width:100%;height:247px;position:absolute;top:353px;left:0;background-color:white}.logo{position:absolute;top:144px;left:50%;transform:translateX(-50%);z-index:1000;width:143px;height:auto}.textAndCTA{position:absolute;top:50px;width:100%}.text{position:absolute;top:-17px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .5s ease-in-out}.text.active{opacity:1}.cta{position:relative;top:10px;opacity:0;transition:opacity .5s ease-in-out}.cta.active{opacity:1}.ctaText{position:absolute;top:0;left:19px}.triangle{position:absolute;top:4px;left:134px;transition:left .3s ease-in-out}