How to change pictures in another block when changing slide in owl carousel?

Question

JavaScript

Foreword:
I am doing a layout landing on WordPress, using the ACF plugin for additional fields. For the slide, I have the following fields: Title, Description and Image. There are as many slides as possible. I'm using owl carousel for the slider.

Problem:
When changing a slide, the corresponding picture in another block should change. But my pictures are simply added in html one under the other and the pictures do not change, the picture that is higher in structure is simply shown.

Answer 1

owl.on('changed.owl.carousel', function(event) {
    ...
})

You can determine the current slide by the slide change callback and, depending on this, show the desired .header-bg