.image-rounded-edges-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;   
    height: 100%; 
}


.image-rounded-edges-wrapper img {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    opacity: 0;
}



@media screen and (max-width: 991px) {

    .image-rounded-edges-wrapper {
        max-width: 300px;
        margin: auto;
    }


}


@media screen and (max-width: 575px) {

    .image-rounded-edges-wrapper {
        max-width: 250px;
        margin: auto;
    }


}