Problème compatibilité keyframes sur safari

Bonjour, j'ai un problème de compatibilité de keyframes sur safari, je souhaite faire une rotation d'une image sur l'axe Y, la rotation s'effectue bien mais l'image est coupée en deux quand elle tourne alors que je n'ai aucun problème sur chrome.



Voici mon code :

#logo-accueil img {
	width: 170px;
	margin-top:30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1;
	-webkit-animation: flip linear .8s 3;
	animation: flip linear .8s 3; 
	 }
	 
	@-webkit-keyframes flip {
	0% { -webkit-transform: rotateY(360deg); } 
	100% { -webkit-transform: rotateY(0deg); }
	}
	
	@keyframes flip {
	0% { transform: rotateY(360deg); }  
	100% { transform: rotateY(0deg); }
	}