.section-charlyText3d {
    background-color:transparent;
    perspective: 500px;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
}
.content-charlyText3d{
    transform: rotateY(0deg) rotateX(-15deg) rotateZ(-15deg);
    width: 100%;
    height: auto;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    transform-style: preserve-3d;
}
.element-charlyText3d {
    width: 100%;
    height: auto;
    transform-style: preserve-3d;
    transition: all .3s ease-in;
    animation-duration: 3s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: linear;
}
.face-charlyText3d {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: inherit;
    font-size: 60px;
    color: #00f;
}
@keyframes slidein {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}