pper {
        display: flex;
        flex-wrap: wrap;

        align-items: center;
        justify-content: space-between;
        text-align: center;

        height: 300px;
        width: 300px;

        margin: 0 auto;
      }

      b {
        width: 100%;
      }

      .ripple-parent {
        position: relative;
        overflow: hidden;

        border: 1px solid #ddd;
      }

      .rectangle {
        width: 300px;
        height: 150px;
      }

      .rounded-rectangle {
        width: 185px