.rightParent {
    background-image: linear-gradient(to bottom, #42dfee, #92eefb);
    padding: 0;
}

.leftParent {
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    padding: 0;
}

.leftImage {
    background-image: url('/PGFiles/image/top-left.jpg');
    background-position: right top;
}

.rightImage {
    background-image: url('/PGFiles/image/right-bottom.jpg');
    /*background-color: #42dfee;*/
    background-position: left top;
}

.leftImage, .rightImage {
    background-size: contain;
    background-repeat: no-repeat;
    height: 100vh;
}

@media only screen and (max-width: 1079px) {
    .leftParent {
        background-image: linear-gradient(to left, #4ce2f1 10%, #36dee1 1px, #ffffff 1px, #ffffff);
    }
    
    .rightParent {
        background-image: linear-gradient(to right, #4ce2f0, #92eefb);
    }
}

@media only screen and (max-width: 767px) {
    .rightParent {
        background-image: linear-gradient(180deg, #ffffff 117px, #09d4e5 1px, #09d4e5, #27dbec, #4ce2f0);
    }

    .rightImage {
        background-position: right top;
    }
}

@media only screen and (max-width: 558px) {
    .leftParent {
        background-image: linear-gradient(to left, #ffffff, #ffffff);
    }

    .rightParent {
        background-image: linear-gradient(to right, #4ce2f0, #92eefb);
    }

    .leftImage {
        /*border: 2px solid red;*/
        background-position: left bottom;
    }
}