.title-span {
    position: absolute;
    width: 20px;
    height: 20px;
    clip-path: circle();
    right: 10%;
    background-color: #f9906f;
    animation: loadWallSpan 1s;
    animation-delay: .25s;
    animation-fill-mode: forwards;
    opacity: 0;

}

@keyframes loadWallSpan {
    0% {
        right: -20%;
        opacity: 0;
    }
    100% {
        right: 10%;
        opacity: 1;
    }
}


.title {
    position: absolute;
    right: 15%;
    font-family: 'KalamehSemiBold';
    font-size: 1.2rem;
    animation: loadWallTitle 1s;
    animation-delay: .25s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes loadWallTitle {
    0% {
        right: 60%;
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        right: 15%;
        opacity: 1;
    }
}

@media (width <= 460px) {
    .title-span {
        animation: FadeIn .5s;
        opacity: 1;
        right: 5%;
    }

    .title {
        animation: FadeIn 1s;
        opacity: 1;
        right: 12%;
        font-size: 1rem;
    }
}