Owl carousel not working under the sidebar

A summary of the issue and the browser/OS environment in which it occurs. If suitable, include the steps required to reproduce the bug.>

1. Using multiple owl carousel in one page but all carousels are loading separately under each sidebar with separate classes in JS
2. The carousel on homepage loading perfectly fine but inside sidebar images stacked on one another after clicking on the image it corrects and loads carousel normally
3. This issue inside the sidebar so not found any solution on the internet yet.

---

<url> - a link to the reduced test case. You can use one of the following services:

https://codepen.io/siddheshwar-chavan/pen/YzaVVve

---

Any other information you want to share that is relevant to the issue being reported.

This might include the lines of code that you have identified as causing the bug, and potential solutions (and your opinions on their merits).