How to remove horizontal scrolling but keep the content visible?

Question

css

Landos on BS4. Code for one of the sections:

<div class="container-fluid">
  <div class="row">
    <div class="col-md-4">
      ...
    </div>
    <div class="col-md-8">
      <img src="img/final_screen.jpg" alt="" height="600px">
    </div>
  </div>
</div>

The task is to make sure that the image goes beyond the .col-md-8 container, but does not get cut off and there is no horizontal scroll bar.
Exposing for body overflow-x: hidden; turned off the horizontal scroll, but if you press the left-right arrows on the keyboard, the page still scrolls horizontally.

Answer 1

Add class img-fluid to the image