Анимация картинки

.preloader{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #54BAEC;
}
.preloader_img{
    width: 304px;
    height: 229px;
    object-fit: contain;

    -webkit-animation-name: preloader_img;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: preloader_img;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: preloader_img;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: preloader_img;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes preloader_img {
    0% {-webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);}
    100% {-webkit-transform:rotateY(560deg);
        -moz-transform:rotateY(560deg);
        -o-transform:rotateY(560deg);
        transform:rotateY(560deg);}
}
@-moz-keyframes preloader_img {
    0% {-webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);}
    100% {-webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -o-transform:rotateY(360deg);
        transform:rotateY(360deg);}
}
@-o-keyframes preloader_img {
    0% {-webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);}
    100% {-webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -o-transform:rotateY(360deg);
        transform:rotateY(360deg);}
}
@keyframes preloader_img {
    0% {-webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);}
    100% {-webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(720deg);
        -o-transform:rotateY(360deg);
        transform:rotateY(360deg);}
}

<div class="preloader">
    <img src="https://yt3.ggpht.com/ytc/AAUvwniUZosk6bbtuOg23JGuS_RnNV6ZzapqKekCW6A=s900-c-k-c0x00ffffff-no-rj" alt="" class="preloader_img">
</div>