.parentContainer img {
    width: 100%;
    height: 100%;
    }

.parentContainer .centered {
    position: absolute;
    top: 60%;
    left: 13%;
    font-size: 38px;
    width: 100%;
    color: #edebec;
}

.parentContainer .end {
position: absolute;
top: 99%;
left: 1%;
color: #edebec;
font-size: 23px;
}


@media (min-width: 1025px) {
.parentContainer img {
    width: 100%;
    height: 100%;
    }
    
    .parentContainer .centered{
            position: absolute;
            top: 60%;
            left: 11%;
            max-width: 100%;
            width: 100%;
            font-size: 65px;
            color: #edebec;
    }
    
    .parentContainer .end {
        position: absolute;
        top: 97%;
        left: 1%;
        color: #edebec;
        font-size: 37px;
    }

}

/* Redmi */
@media only screen and (min-device-width: 393px) and (max-device-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2.75) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 13%;
        font-size: 39px;
        width: 100%;
        color: #edebec;
    }
    
    .parentContainer .end {
    position: absolute;
    top: 98%;
    left: 1%;
    color: #edebec;
    font-size: 23px;
    }
}

/* Vivo smartphones - Portrait mode */
@media only screen and (min-device-width: 360px) and (max-device-width: 414px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 13%;
        font-size: 37px;
        width: 100%;
        color: #edebec;
    }
    
    .parentContainer .end {
    position: absolute;
    top: 98%;
    left: 1%;
    color: #edebec;
    font-size: 23px;
    }
}


@media only screen and (min-device-width: 360px) and (max-device-width: 414px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 14%;
        font-size: 32px;
        width: 100%;
        color: #edebec;
    }
    
    .parentContainer .end {
    position: absolute;
    top: 99%;
    left: 1%;
    color: #edebec;
    font-size: 20px;
    }
}
/* Motorola Edge 40 5G - Landscape mode */
@media only screen and (min-device-width: 844px) and (max-device-width: 844px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2.75) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 55%;
        left: 13%;
        font-size: 5px;
        width: 100%;
        color: #edebec;
    }
    
    .parentContainer .end {
    position: absolute;
    top: 98%;
    left: 1%;
    color: #edebec;
    font-size: 5px;
    }
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
.parentContainer img {
    width: 100%;
    height: 100%;
    }
    
    .parentContainer .centered{
            position: absolute;
            top: 60%;
            left: 11%;
            max-width: 100%;
            width: 100%;
            font-size: 65px;
            color: #edebec;
    }
    
    .parentContainer .end {
        position: absolute;
        top: 99%;
        left: 1%;
        color: #edebec;
        font-size: 39px;
    }
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
.parentContainer img {
    width: 100%;
    height: 100%;
    }
    
    .parentContainer .centered{
            position: absolute;
            top: 60%;
            left: 11%;
            max-width: 100%;
            width: 100%;
            font-size: 65px;
            color: #edebec;
    }
    
    .parentContainer .end {
        position: absolute;
        top: 97%;
        left: 1%;
        color: #edebec;
        font-size: 35px;
    }
}



/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 14%;
        font-size: 45px;
        width: 100%;
        color: #edebec;
    }

    .parentContainer .end {
    position: absolute;
    top: 95%;
    left: 1%;
    color: #edebec;
    font-size: 35px;
    }
}



/* @media (min-width: 320px) and (max-width: 1024px) {

.parentContainer img {
    width: 100%;
    height: 100%;
    }

.parentContainer .centered {
    position: absolute;
    top: 65%;
    left: 17%;
    font-size: 34px;
    width: 100%;
    color: #89e5f3;
}

.parentContainer .end {
position: absolute;
top: 96%;
left: 1%;
color: #edebec;
font-size: 23px;
}
} */


/* For iPhone 12 and 13 */
@media only screen 
and (device-width: 375px) 
and (device-height: 812px) 
and (-webkit-device-pixel-ratio: 3) { 

    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 17%;
        width: 100%;
        font-size: 33px;
        color: #edebec;
    }

    .parentContainer .end {
    position: absolute;
    top: 96%;
    left: 1%;
    color: #edebec;
    font-size: 19px;
    }
    
}

/* iPhone 12 - Landscape mode */
@media only screen and (min-device-width: 844px) and (max-device-width: 844px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 62%;
        left: 15%;
        font-size: 36px;
        width: 100%;
        color: #edebec;
    }
    
    .parentContainer .end {
    position: absolute ;
    top: 98% ;
    left: 1% ;
    color: #edebec;
    font-size: 19px ;
    }
}


/* iPhone 15 - Portrait mode */

@media only screen and (min-device-width: 390px) and (max-device-width: 430px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 62%;
        left: 15%;
        font-size: 30px;
        width: 100%;
        color: #edebec;
    }
    
    .parentContainer .end {
    position: absolute ;
    top: 98% ;
    left: 1% ;
    color: #edebec;
    font-size: 19px ;
    }
}

/* iPhone 15 - Landscape mode */

@media only screen and (min-device-width: 390px) and (max-device-width: 430px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 62%;
        left: 15%;
        font-size: 55px;
        width: 100%;
        color: #edeceb;
    }
    
    .parentContainer .end {
    position: absolute ;
    top: 98% ;
    left: 2% ;
    color: #edebec;
    font-size: 40px ;
    }
}


/* iPhone 13 and iPhone 13 Pro */
/* 2532x1170 pixels at 460ppi */
@media only screen 
and (device-width: 390px) 
and (device-height: 844px) 
and (-webkit-device-pixel-ratio: 3) { 
    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 17%;
        width: 100%;
        font-size: 33px;
        color: #edebec;
    }

    .parentContainer .end {
    position: absolute;
    top: 96%;
    left: 1%;
    color: #edebec;
    font-size: 19px;
    }

}

@media only screen and (min-device-width: 844px) and (max-device-width: 844px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }
    
    .parentContainer .centered {
        position: absolute;
        top: 62%;
        left: 15%;
        font-size: 55px;
        width: 100%;
        color: #edebec;
    }
    
    .parentContainer .end {
    position: absolute ;
    top: 98% ;
    left: 2% ;
    color: #edebec;
    font-size: 40px ;
    }
}

/* iPhone 13 Pro Max */
/* 2778x1284 pixels at 458ppi */
@media only screen 
and (device-width: 428px) 
and (device-height: 926px) 
and (-webkit-device-pixel-ratio: 3) {
    
    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 17%;
        width: 100%;
        font-size: 33px;
        color: #edebec;
    }

    .parentContainer .end {
    position: absolute;
    top: 96%;
    left: 1%;
    color: #edebec;
    font-size: 19px;
    }
}

/* Older iPhones (X, Xs, XR and 11) iPhone 11 */
/* 1792x828px at 326ppi */
@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 2) { 

    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 17%;
        width: 100%;
        font-size: 33px;
        color: #edebec;
    }

    .parentContainer .end {
    position: absolute;
    top: 97%;
    left: 1%;
    color: #edebec;
    font-size: 21px;
    }
}

/* iPhone 11 - Landscape mode */
@media only screen and (min-device-width: 414px) and (max-device-width: 414px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 17%;
        width: 100%;
        font-size: 50px;
        color: #edebec;
    }

    .parentContainer .end {
    position: absolute;
    top: 97%;
    left: 1%;
    color: #edebec;
    font-size: 35px;
    }
}


/* iPhone 11 Pro */
/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 

        .parentContainer img {
            width: 100%;
            height: 100%;
            }
    
        .parentContainer .centered {
            position: absolute;
            top: 60%;
            left: 17%;
            width: 100%;
            font-size: 31px;
            color: #edebec;
        }
    
        .parentContainer .end {
        position: absolute;
        top: 99%;
        left: 1%;
        color: #edebec;
        font-size: 19px;
        }
    }

/* iPhone 11 Pro Max */
/* 2688x1242px at 458ppi */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) {

        .parentContainer img {
            width: 100%;
            height: 100%;
            }
    
        .parentContainer .centered {
            position: absolute;
            top: 60%;
            left: 17%;
            width: 100%;
            font-size: 33px;
            color: #edebec;
        }
    
        .parentContainer .end {
        position: absolute;
        top: 97%;
        left: 1%;
        color: #edebec;
        font-size: 19px;
        }
     }

/* For Iphone 14 Pro: 390 pixels width 844 pixels height (aprox.) */
@media only screen 
and (device-width: 390px) 
and (device-height: 844px) 
and (-webkit-device-pixel-ratio: 3) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 17%;
        width: 100%;
        font-size: 32px;
        color: #edebec;
    }

    .parentContainer .end {
    position: absolute;
    top: 97%;
    left: 1%;
    color: #edebec;
    font-size: 20px;
    }
 }

/* iPhone 14 - Landscape mode */
@media only screen and (min-device-width: 844px) and (max-device-width: 844px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    .parentContainer img {
        width: 100%;
        height: 100%;
        }

    .parentContainer .centered {
        position: absolute;
        top: 60%;
        left: 17%;
        width: 100%;
        font-size: 50px;
        color: #edebec;
    }

    .parentContainer .end {
        position: absolute;
        top: 97%;
        left: 1%;
        color: #edebec;
        font-size: 40px;
    }
}

/* Iphone Pro 14 MAX: 428 pixels width 926 pixels height */
@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) {
        .parentContainer img {
            width: 100%;
            height: 100%;
            }
    
        .parentContainer .centered {
            position: absolute;
            top: 60%;
            left: 15%;
            width: 100%;
            font-size: 33px;
            color: #edebec;
        }
    
        .parentContainer .end {
        position: absolute;
        top: 98%;
        left: 1%;
        color: #edebec;
        font-size: 22px;
        }
     }