.container-logo:before {
    position: absolute;
    content: " ";
    background-image: url(/fav/apple-icon-57x57.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    bottom: calc(0% - 20px);
    right: 50%;
    transform: translateX(50%);
    z-index: 2;
    animation-name: logo_flip;
    animation-duration: 8s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    filter: drop-shadow(0px 0px 2px black) brightness(1.3);
}

@keyframes logo_flip {
    0% {
        transform: translateX(50%) scaleX(1);
    }

    30% {
        transform: translateX(50%) scaleX(-1);
    }

    40% {
        transform: translateX(50%) scaleX(-1);
    }

    70% {
        transform: translateX(50%) scaleX(1);
    }

    100% {
        transform: translateX(50%) scaleX(1);
    }
}