  document.querySelector('#pause').addEventListener('click', () => {
        animation.pause();
      });

      document.querySelector('#stop').addEventListener('click', () => {
        animation.stop();
      });
    </script>

    <style>
      .container {
        flex-direction: column;
      }

      ion-card {
        width: 70%;

        color: white;
        opacity: 0.5;
        background: blue;
        margin: 10px;

        --background: red;
      }

      /* Demo does not use `prefers-color-s