Jason's Plugins For Carrd animated ad

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Landing Page</title>
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

      @import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

      body,
      html {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        font-family: "Inter", sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f0f0f0;
        text-align: center;
      }

      .container {
        /* width, height dimensions for AlxAndrews templates.carrd.co */
        width: 750px;
        height: 600px;
        /* width, height dimensions for CesarHawke's templatesfor.carrd.co */
        /* width: 840px;
        height: 560px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url('https://i.postimg.cc/zGhK9jyG/chris-ried-ieic5-Tq8-YMk-unsplash-compressed.jpg');
        background-size: cover;
        background-position: center;
      }

      .overlay {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.65);
      }

      .logo {
        width: 100px;
        margin-bottom: 20px;
        border-radius: 50%;
      }

      /* .powerup {
        background: linear-gradient(-45deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px;
        background-size: 400% 400%;
        animation: gradient 6s ease infinite alternate;
      } */

      .jason...