Larkin

I've coded poster images to flip to show the description when scrolled over. It looks really good on chrome but safari makes it all glitchy. Is this something I can fix? Any advice? Sorry, I can't put the url because the website isn't live yet but here is the code I'm using. .design-layout-poster img{ transition: 1s} .design-layout-poster:hover img{transform: rotateY(180deg); transition: 1s} .image-card-wrapper{transform:rotateY(180deg)!important; opacity:0; transition: 1s;} .design-layout-poster:hover .image-card-wrapper {opacity:1!important; transform:rotateY(0deg)!important; background: purple; transition: 1s;}