.circleBg {
    position: absolute;
    top: 35%;
    left: 10%;
    z-index: -1;
    width: 50%; 
    transform: translate(-50%, -50%); 
}

@media (max-width: 1400px) {
    .circleBg {
        width: 70%;
        top: 42%;
        left: 15%;
    }
}

@media (max-width: 768px) {
    .circleBg {
        width: 80%;
        top: 45%;
        left: 10%;
    }
}