.city-flip-container{width:300px;height:180px;perspective:1000px}.city-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.city-flip-container:hover .city-flip-inner{transform:rotateY(180deg)}.city-flip-back,.city-flip-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.5rem;overflow:hidden}.city-flip-front{z-index:2}.city-flip-back{transform:rotateY(180deg);z-index:1}