@keyframes flip-with-scale {
    0% {
        transform: perspective(400px) scaleX(1);
    }

    100% {
        transform: perspective(400px) scaleX(-1);
    }
}

.rotating {
    animation-name: flip-with-scale;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

p {
    text-align: center;
    font-size: 2rem;
}