Code Snippet causing other elements to move on live site

Hi,

I have a problem that occurs on my live site when I add an html embed element to a collection list item.

I have a collection list of casinos. Each casino has been assigned a rating (score). Now I want that rating to be displayed in stars (5 stars is the total). To calculate and display the number of ‘filled’ stars, I found an easy code snippet on codepen. In the designer everything works fine, but from the moment I publish my site all my elements jump and I can’t scroll any further. Does anyone understand what happens and why this code snippet causes the live website to look weird?

Code snippet

Live site

Live site without code snippet

Read-only link:

https://preview.webflow.com/preview/grootsteonlinecasinos?utm_medium=preview_link&utm_source=designer&utm_content=grootsteonlinecasinos&preview=3f3c7c6f112aa1b9ce14f2b4382a90a1&workflow=preview