.cursor-animator{
    display: flex;
    position: absolute;
    z-index: 10;
    height: 1.5vw;
    aspect-ratio: 1;
    background-color: red;
    justify-content: left;
    align-items: start;

    transition: left 1s ease-in-out,
                top 1s ease-in-out;
    z-index: 8;
}

.cursor{
    display: flex;
    position: absolute;
    background-image: url('../../static/Icons/Cursor.svg');
    height: 100%;
    width: 60%;
    background-size: 250%;
    background-position-x: 5%;
    background-position-y: 120%;
    background-repeat: no-repeat;
    overflow: hidden;
    opacity: 1;
}

.pointer{
    display: flex;
    position: absolute;
    background-image: url('../../static/Icons/Cursor.svg');
    height: 100%;
    width: 80%;
    background-size: 185%;
    background-position-x: 95%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    opacity: 0;
}