background video/picture in color section – resize in mobile devices

Hi , How can I adjust size of my video / pictures that are placed inside of color section on mobile devices please ?

Media have proper scale on desktop but on mobile there ( is only square visible).
This sometimes tiger google mobile friendly check – with description – Content wider than screen

I found in other topic this codes , but they are probably outdated – not worked for me:

@media only screen and (max-width: 475px) {
#av_section_1,
#av_section_2,
#av_section_3,
#av_section_4{
background-size: cover !important;
height: 600px !important;
}
}

@media only screen and (max-width: 489px) {
#av_section_1 {
background-size: 100% 45% !important;
background-position: 40% 90% !important;
margin-top: -100px;
}
}

Many Thanks for help.
Lukas