gap appearing under image?

Can you help, a gap appears under the image when i minimize the page or it is seen on a mobile.

Before : 

when the page is minimized or seen on mobile a gap appears.

After :

can you let me know how to remove it not fill it.

I am using the 
[two_third]
<div class="container1v1" >test testof aa background image:
</div>
[/two_third]
[one_third]
XXbcccccccbbbXXXX
[/one_third]

container1v1 contains the image as a background

.container1v1 {
     background-image: url("../wp-content/uploads/2017/01/woman-cutout-b1-ban2.png");
background-size: contain;
width: 100%;
    height: 568px;
background-repeat:no-repeat;
    }

Comments

Sign In or Register to comment.