How to make an image full width in page

Question

Hi guys I want to put this part of my website with full width with CSS but I can't find a code that works in that part and I don't understand why.

What can I do to make this picture full width?

Answer 1

Add this style

  .banner_img {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
   }

Answer 2

I found a way of doing what you want.

1- You need to "push" your other content down:

2- Apply those properties to your image:

Hope it helps you.