Why don't images scale down proportionally as the screen shrinks, like after shrinking the 622px width resolution?

Question

css

https://codepen.io/yrchik/pen/abbzOOY
Hi, why are images not scaled down proportionally when the screen is reduced, for example, after reducing the width resolution to 622px, the right and left sides go into the picture.
Put
.video-center {
width: 100%;
height: auto;
}
and put
html {
overflow-x: hidden;
}
What am I doing wrong ?

Answer 1

In order to change depending on the screen resolution, you need to set the width or height property

• vh - equivalent to 1% of the browser window height.
  
• vw - equivalent to 1% of the browser window width.