How to adjust banner image and content on no scroll window

[cbethalai]

I have full width banner image and 3 column at the bottom. Each column have image.

Now the website should be no-scroll hence the overflow is hidden.

how to control the banner image resize automatically for various devices??

For mobile device the banner takes the huge space and hide the bottom columns. Need help in thi

So The banner should use 70% height of the screen and 30% by bottom column for any screen-size

Thanks in advance

[chasingatoms]

Set the image class as "img-responsive" so it will scale depending on screen size, and then put this in your css:

.yourimageclass {
height: 70%;
}