Images and videos expand right to the edge of MOBILE screen only

Hi everyone, hoping you can help with this.

I’m trying to extend my videos and images right to the edge of a mobile screen, but only when viewed in mobile. The desktop content width would stay the same. 

Here is an example of the page: https://www.bookofjoash.com/home/make-lamb-not-walls

Your help would be much appreciated, thank you.

You mean remove right space of screen?

Yes! But would like to only extend the video and image content. Not the body text. Thanks @tuanphan you are very helpful.

- J

@tuanphan just for clarity. Right to the edge of the right AND left of a mobile screen.

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body#item-60cc21b91a96e24d4e8f244b {
.video-block, .image-block {
    padding-right: 0px !important;
}
}}

Hey @tuanphan it works! (Sort of). 
 

There is still a slight gap (see attached). I tried to use e.g: -4px but it doesn’t work.

Thanks for your help.

- J