 relative;
      margin: 16px;
    }

    .ripple-container > span {
      pointer-events: none;
    }

    .ripple-1 {
      width: 320px;
      height: 480px;
    }

    .ripple-1-tap {
      top: 10px;
    }

    .ripple-2 {
      width: 480px;
      height: 320px;
    }

    .ripple-2-tap {
      pointer-events: none;
    }

    .ripple-3 {
      width: 320px;
      height: 320px;
    }
  </style>

</head>
<body unresolved>

  <div class="ripple-container ripple-1" layout vertical center>
    <paper-rip