Embeded Content Not Showing When Using Tabs

I am designing a page full of before and after sliders organized by tabs.
See here.

Unfortunately only the active tabs are showing content. I think the tabs css is conflicting with the before/after slider and causing the images and script not to load on tabs other than the “active” tab. How do I remedy this?


Here is my site Read-Only: https://preview.webflow.com/preview/esthetics-center-ee8d2c50-71dd70da0c4f9?utm_medium=preview_link&utm_source=designer&utm_content=esthetics-center-ee8d2c50-71dd70da0c4f9&preview=5d1eae5e1b85f4f46074841fc14d6b9b&pageId=6018aab796d6184b70a17b13&mode=preview
(how to share your site Read-Only link)

Hello.
When I try the site in the designer everything works. On the published site it doesn’t.
I think the custom code, that only loads after publishing, has something to do with it ?
Remove it and see what happens!

I am no JavaScript expert, so I can’t help you there.

When I remove the code, it works, but the code is a necessary piece it my design. My problem seems similar to the issue introduced here. If so, seems like I may be able to add a line of code in the head of the page.