How to insert images so that half of the image goes outside the browser window and so that there is no scrollbar in the browser window?

Question

css

How to insert images so that half of the image goes outside the browser window and so that there is no scrollbar in the browser window?
example https://jsfiddle.net/HarDaster/sgnLo84r/
if instead of "right" insert "left" then there is no band but I need the image to be on the right

Answer 1

body {
  overflow: hidden;
}

Answer 2

body{overflow:none;}