Stats Card Component with SASS

Hello! This is my first SASS project!

///(FIXED: setting display: block as inline style in the <img> tag)///

My question here is: when i change to the mobile version, the hero image does not fit properly in the container so it gets a purple border bottom (that is the background-color of the .img-area container). I set the img width to 100% and then:

.img__area { background-color: $soft-violet;

img {
    object-fit: cover;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: .9;
}

}

Am i doing anything wrong?

I Would love to hear some suggestions and advices for this one :)

Thanks!