Как убрать сдвиг контента на сайте при появлении скроллбара?

Есть выдвижные блоки, которые увеличивают высоту страницы, когда выдвигаются, соответственно появляется полоса прокрутки и это сдвигает контент влево... Я пытался пофиксить с помощью CSS:

html { margin-right: calc( -1 * (100vw - 100%)); }

Но это совершенно не работает на моем сайте. Возможно проблема в Bootstrap?

Codepen: https://codepen.io/pen/?template=abWOQdX