.carousel-wave {
    position: relative;
    
    /* Demo styles */
    background-color: #000;
    color: #fff;
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
  }
  .carousel-wave::before {
    display: block;
    box-sizing: border-box;
    position: absolute;
    content: '';                    
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: 99;
    background-color: red;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 112.3"><path d="M1920 54v58.3H0V57.7c156.2-21.8 482.1-24.9 853-4.5 20.7 1.1 41.3 2.3 61.7 3.6l.1-.3c13.8.9 27.6 1.8 41.6 2.7 25.7 1.6 51.7 3.1 78.1 4.6 84.5 4.7 166.7 8.1 245.1 10.3 266 7.7 488.1 2 608.5-14.9 11.6-1.7 22.3-3.4 31.9-5.2z" fill="#fff"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .carousel-wave--fixed {
    overflow: hidden;
  }
  .carousel-wave--fixed::before {
    width: calc(110%);
    left: -5%;
  }