.greet {
    color: red;
    text-align: center;
}

.snake {
    width: 400px;
    height: 250px;
}

.snake-des {
    max-width: 600px;
    min-width: 500px;
    position: relative;
    left: 410px;
    top: -250px;
}

.pool {
    width: 400px;
    height: 250px;
    position: absolute;
    left: 0px;
    top: 430px;
}

.pool-des {
    max-width: 600px;
    min-height: 500px;
    position: relative;
    left: 410px;
    top: -80px;
}

@media screen and (max-width: 1200px) {
    .greet {
        visibility: hidden;
    }
    .snake-des {
        visibility: hidden;
    }
    .pool {
        visibility: hidden;
    }
    .snake {
        visibility: hidden;
    }
    .soon-pic {
        visibility: hidden;
    }
    .soon {
        visibility: hidden;
    }
    .pool-des {
        visibility: hidden;
    }
}