Css issue in my site

http://www.uxjavon.com/capstone/ . This is my website link .

How can i make the images reach full height and width ? For example for the section " Heading First" the image does not reach the full height . There is still a part which is blank . How can i make the image fully cover the section . For the image container the width is set 60% and texts have a width of 40% .

Hello rabbit.

You can set the image’s CSS to something like:

img {
  height: 100vh;
}

It might distort the images, though. (If you do not change their width)

Hope this helps.