Image fitting the entire modal content width and height

Solved! The following code works properly, as well as the previous with a relative height value.
(I was testing it within a Slide Box component and there was a mistake on my code)

<div class="wrapper" style="background-image: url({{obj.source}});"></div>

.wrapper {
     margin: auto;
    height: 100%;
    width: 90%;
    max-width: 100%;
    border: 0.1em solid rgb(0,0,0);
    border-radius: 1em;
    
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}