quiz.js

<div id="vidtoquiz" className="relative mt-24">
          <script
            type="application/json"
          >
              {"quizId": "dc22f3e2-3281-4425-85ce-7f8702bf852e"}
          </script>
          <script
            type="text/javascript"
            src="https://assets.vidtoquiz.com/vidtoquiz-widget.js"
          ></script>

          <div className="invisible absolute -bottom-[120px] left-36 lg:visible">
            <div className="relative flex flex-col items-center">
              <IoIosArrowRoundForward className="h-52 w-52 rotate-[125deg] scale-x-[-1]" />
              <p className="font-base absolute bottom-4 whitespace-nowrap text-center">
                Remove this with all paid plans
              </p>
            </div>
          </div>

          <div className="invisible absolute -top-[60px] right-1/4 lg:visible">
            <div className="relative flex w-full flex-col items-center">
              <IoIosArrowRoundForward className="h-52 w-52 rotate-[125deg]" /> 
              <p className="font-base absolute -left-14 top-0 w-[400px] text-center">
                Quiz completors add their email to find out their score,
                building your list
              </p>
            </div>
          </div>
        </div>