Waves generator bottom image

Expected behavior Good morning,

In the MDB waves generator, it works at the top of the image.

How to generate a wave at the bottom of the image ?

Thank you. Alain

  <!--Section: Design Block-->
<section>

 <svg
        data-name="Layer 1"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 1200 120"
        preserveAspectRatio="none"
        style="
            opacity: 0.99;
            width: 140%;
            height: 40px;
            fill: #ffffff;
            transform: rotateY(0deg);">
        <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"></path>
    </svg>

    <div class="mask" style="background-color: rgba(0, 0, 0, 0.0);">
              <div class="container d-flex justify-content-center align-items-center h-100">
        <div class="row align-items-center">
          <div class="col-12">
            <h1 class="mb-0 text-white display-1">Studio</h1>
          </div>
        </div>   
      </div>

    </div>

  </div>

</section>

Resources (screenshots, code snippets etc.)