Keep having right padded pixels on my page with bootstrap 4+

I am redesigning one of my website using bootstrap 4.4.1 and other libs such as mdb, aos, animate, boxicons, ...

I am not proficient in all this web development planet but striving to keep the code as clean as possible. I have a very annoying problem with extra pixels padded on the right side of my page where I didn't ask for any... (obviously..)

I put a quick a dirty "workaround" to remove the horizontal scrollbar and that fixes it for large display but the problem is even more appearant on a mobile device for which I also removed the horizontal scroll capability.

I looked into many other different posts referring a similar problem and tried many of the suggested solutions without success unfortunately...

The site and code can be seen here: www.lesrevolins.fr/maquette2/

To clearly see what is wrong, I suggest you view it on a mobile device as it is obvious the right side is filled with blanks even though I am using container-fluid with proper definitions of rows and columns.

Any help on that would be greatly appreciated!

Cheers, ElGrapho