.pointer{width:40px; flex:1;border-radius:100px;box-shadow:0px 0px 20px 10px white}
#pointer1{position:absolute; top:6%; left:46%}

#pointer2{position:absolute; top:50%; right:52%}

#pointer3{position:absolute; bottom:49%; right:36%}

#pointer4{position:absolute; bottom:20%; left:50%}

.animTooltip{
    font-family:PT Sans,sans-serif;
    background:#FF5C35;
    width:180px;
    height:180px;
    padding:20px;
    display:flex;
    border-radius:500px;
    border-bottom:4px solid white;
    color:white;
    justify-content: center;
    align-items: center;
    position:absolute;
    z-index:2
}

.animTooltip p {
    flex:1
}

#anim1tooltip{
    top:3%; left:23%
}

#anim2tooltip{
    left:21%; top:52%
}

#anim3tooltip{
    right:13%;top:11%
}

#anim4tooltip{
    right:18%; top:57%
}

@media (min-width:1280px) {
    #pointer1{left:47%}

    #pointer2{right:52%}

    #pointer3{right:42%}

    #pointer4{left:50%}


    #anim1tooltip{
        left:32%
    }

    #anim2tooltip{
        left:30%;
    }

    #anim3tooltip{
        right:25%;
    }

    #anim4tooltip{
        right:27%;
    }

}

@media (max-width: 1280px) {
    #pointer1{left:45%}

    #pointer2{right:53%}

    #pointer3{right:32%}

    #pointer4{left:51%}


    #anim1tooltip{
        left:20%
    }

    #anim2tooltip{
        left:19%;
    }

    #anim3tooltip{
        right:9%;
    }

    #anim4tooltip{
        right:14%;
    }
}

@media (max-width: 810px) {
    #pointer1{left:44%}

    #pointer2{right:56%}

    #pointer3{right:30%}

    #pointer4{left:52%}


    #anim1tooltip{
        left:10%
    }

    #anim2tooltip{
        left:7%;
    }

    #anim3tooltip{
        right:0%;
    }

    #anim4tooltip{
        right:3%;
    }
}

@media (max-width: 570px) {
    #pointer1{left:42%}

    #pointer2{right:56%}

    #pointer3{right: 23%; top: 45%;}

  

    #anim1tooltip{
        font-size:0.8em;
        padding:5px;
        left:3%
    }

    #anim2tooltip{
        font-size:0.8em;
        padding:5px;
        left:4%;
    }

    #anim3tooltip{
        font-size:0.8em;
        padding:5px;
        right:1%;
    }

    #anim4tooltip{
        font-size:0.8em;
        padding:5px;
        right:3%;
    }
}

@media (max-width: 440px) {
    #pointer1{left:38%;top:4%}

    #pointer2{right:52%;top:23%}

    #pointer3{right:15%;top:39%}

    #pointer4{left:51%;top:53%}

    #startImage{
        width:100%;
        margin-bottom:-30px;
    }
    .animTooltip{
        height:auto;
        border-radius:0px !important;
        border-bottom:2px solid white;
        width:100% !important;
        padding:auto !important;
        margin:auto !important;
        display:block;
        color:white;
        left:auto !important;
        right:auto !important;

        justify-content: center;
        align-items: center;
        position:relative;
        z-index:2
    }

    #anim1tooltip{
        font-size:0.8em;
    }

    #anim2tooltip{
        font-size:0.8em;
    }

    #anim3tooltip{
        font-size:0.8em;
    }

    #anim4tooltip{
        font-size:0.8em;
    }
}