@media (max-width: 1200px) {
    .container {
        width: 100%;
    }

    .text__block h1 {
        font-size: 200px;
    }
}

@media (max-width: 1100px) {
    .circle__gress {
        width: 500px;
        height: 400px;
        bottom: -200px;
        right: -100px;
    }

    .circle__gress__2 {
        right: 250px;
    }

    .flower {
        right: 400px;
    }
}

@media (max-width: 500px) {
    .text__block h1 {
        font-size: 150px;
    }

    .circle__gress {
        width: 400px;
        height: 300px;
        bottom: -150px;
        right: -75px;
    }

    .circle__gress__2 {
        right: 200px;
    }

    .flower {
        right: 300px;
    }

    .cloud.far {
        top: 5%;
    }

    .text__block {
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .xas {
        width: 50%;
        top: 70%;
    }
}

@media (max-width: 420px) {
    .flower {
        display: none;
    }
    .text__block {
        top: 30%;
    }
    .anim__1 {
        top: 400px;
    }
    .anim__2 {
        right: -75px;
        bottom: 180px;
    }
    .anim__3 {
        top: 10px;
    }
    .xas {
        width: 60%;
        top: 75%;
    }
}