How to eliminate text centered jump when scrolling bootstrap slider?

Question

JavaScript

Hello!
There is a slider built on bootstrap 4 in which there is a problem: when scrolling the next slide, the text box is centered with a visual jump. How to make the plate initially centered on the slide at any resolution.
I don’t consider the option with adjustment transform: translateY();, I’m interested in competent adaptability without connecting extra libraries of third-party sliders, the functionality of the standard bootstrap suits

Answer 1

Answer 2

Judging by the Css, you center the text when you have .active hung up, and therefore it takes time to apply the centering, immediately center the text blocks by default by default and it seems to work out.