How to remove content shift when scrollbar appears?

Question

Bootstrap

There are slide boxes that increase the height of the page when they slide out, so a scroll bar appears and this pushes the content to the left... I tried to fix it with CSS: But it doesn't work at all on my site. Perhaps a problem with bootstrap? Here is the codepen: https://codepen.io/pen/?template=abWOQdX
html {margin-right: calc( -1 * (100vw - 100%));}