Featured Product's Image doesn't fit inside frame

[palettepaws]

Hi, all. Can someone help to inspect my page's featured product section?
The image doesn't fit the frame,

As you can see, there is a white area under the featured product's image, and it's supposed to be the image stretched to fill the white spaces.
If any experts know how to solve this, please let me know if there's a solution for this. Appreciate much! 

Here is the details of the website.
https://www.palettepaws.com/
password: cheath

[Dan-From-Ryviu]

Please add this code to your Online store > Themes > Edit code > open theme.liquid, add this code below before </head> tag

<style>
.featured-product .grid__item.product__media-wrapper { 
    position: relative; 
}
.featured-product .product-media-container.media-fit-cover .media {
    position: absolute;
    width: 100%;
}
</style>

[palettepaws]

Hi, @Dan-From-Ryviu 

Thank you so much for trying to help!
I've tried the code above, but nothing seem to change after applying the code.

Do you know what could be the issues?

[Dan-From-Ryviu · Accepted solution]

Please update code and check again

<style>
.featured-product .grid__item.product__media-wrapper { 
    position: relative; 
}
@media screen and (min-width: 750px) {
.product-media-container.media-fit-cover, .product-media-container.media-fit-cover .product__modal-opener, .product-media-container.media-fit-cover .media {
    position: absolute;
    width: 100%;
}
}
</style>

[palettepaws]

It works perfectly. Thank you so much for helping out! 

[Dan-From-Ryviu]

Glad I could help.