.mainContainer {
    width: 50% !important;
    height: 50%;
    padding: 1rem 2rem;
}


@media screen and (min-height: 635px) {
    
    .mainContainer {
        height: 330px;
    }

}

@media screen and (max-width: 1060px) {
    
    .mainContainer {
        width: 70% !important;
    }

}

@media screen and (max-width: 812px) {
    
    .mainContainer {
        width: 85% !important;
    }

}