Step 1: Embed the Javascript Code and .css code into the head section of your website:
<script src="https://www.mathcelebrity.com/widget.js"></script> <script> document.addEventListener("DOMContentLoaded", function (event) { const mcWidget = new MCWidget({ containerEl: document.getElementById("container"), }); }); </script> <style> #container { display: flex; flex-direction: column; align-items: center; } </style>

See the highlighted section in the image below for an example:

---

Step 2: Add the container to the body of your website where you want the widget to display
<div id="container"></div>
See the highlighted section in the image below for an example: