Code Snippet causing other elements to move on live site


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: