body{margin:0}body .half-page-image{width:50%;height:100%;overflow:hidden}body .image{width:100%;height:100%;transition:background ease-in-out 0.5s, transform ease-in-out 0.5s}body .image:hover{transform:scale(1.2)}body .heart{position:absolute;z-index:3;background-size:contain;height:320px;width:160px;transition:background ease-in-out 0.3s}body .left{float:left}body .left .left-image{background:url(bayreuth-liebe-grau.jpg) no-repeat;background-size:cover}body .left .left-image:hover{background:url(bayreuth-liebe.jpg) no-repeat;background-size:cover}body .left .left-heart{top:calc(50% - 160px);left:calc(50% - 160px);background:url(herz-links-grau.png) no-repeat}body .left .left-heart:hover{background:url(herz-links.png) no-repeat}body .right{float:right}body .right .right-image{background:url(erlebe-bayreuth-grau.jpg) no-repeat;background-size:cover}body .right .right-image:hover{background:url(erlebe-bayreuth.jpg) no-repeat;background-size:cover}body .right .right-heart{top:calc(50% - 160px);left:50%;background:url(herz-rechts-grau.png) no-repeat}body .right .right-heart:hover{background:url(herz-rechts.png) no-repeat}