Siennasocialstudio

If anyone finds a fix for this I would be so grateful!

Site URL: https://www.vintagetimbers.net

Hello,

I did some coding for my image cards on the homepage to rotate on hover using the code:

/*roatating image on hover*/
.design-layout-poster img, .design-layout-poster .image-overlay{ 
  transition: 1s
}

.design-layout-poster:hover img,.design-layout-poster:hover .image-overlay{
  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: #3E4450; 
  transition: 1s;
}

But for some reason on Chrome it works perfectly and on Safari it glitches out. Does anyone have an answer/suggestions to fix this problem?

The site is www.vintagetimbers.net

and the password is vintagetimbers

Thanks so much!