Image Background Position in Container

[BsT-]

Hello all, 

 

First time ever I post on a forum, sorry if my question seems dumb !

 

I'm using a module designed for private-sales that changes my homepage.

It basicaly displays several containers on homepage used to introduce the privates sales.

 

My problem concerns the image background within the containers.

When I'm on full screen, no issue.

 

But if I reduce my navigator window, the background color appears on top of container because the image doesn't take the full height of the container.

 

See the picture attached to understand what I mean.

 

Thanks a lot for your help.

 

CSS :

element.style {background: url("/modules/privatesales/img/1/1_1.jpg") no-repeat scroll 0 bottom / contain rgba(0, 0, 0, 0); min-height: 217px;}

.content_scene_cat .content_scene_cat_bg {

    background-color: #464646 !important;

    padding: 18px 10px 10px 42px;

 

HTML :

<div style="background:url(                /modules/privatesales/img/1/1_1.jpg) 0 bottom no-repeat; background-size:contain;min-height:217px;" class="content_scene_cat_bg">