.tagBall {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -52%) scale(.7)
}

.tagBall img{
    max-width: 80%;
    height: auto;
}


.logo-tab {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .tagBall {
        transform: translate(-50%, -55%) scale(.6)
    }
}

@media screen and (max-width: 950px) {
    .tagBall {
        transform: translate(-50%, -55%) scale(.65)
    }
}

@media screen and (max-width: 800px) {
    .tagBall {
        transform: translate(-50%, -55%) scale(.58)
    }
}

@media screen and (max-width: 615px) {
    .tagBall {
        transform: translate(-50%, -55%) scale(.45)
    }

    .tagBall .logo-tab {
        width: 16rem
    }
}

@media screen and (max-width: 500px) {
    .tagBall {
        transform: translate(-50%, -52%) scale(.35)
    }

    .tagBall .logo-tab {
        width: 18rem
    }
}

@media screen and (max-width: 400px) {
    .tagBall {
        transform: translate(-50%, -52%) scale(.32)
    }

    .tagBall .logo-tab {
        width: 18rem
    }
}