JSFiddle - React, Tailwind, and code Playground

by Brett Miley

HTML

<img src="http://lillys.dsm.pw/wp-content/themes/blockstheme/images/scones-lillys-tea-and-coffee-house.jpg" alt="" class="clip-svg">
<img src="http://lillys.dsm.pw/wp-content/themes/blockstheme/images/scones-lillys-tea-and-coffee-house.jpg" alt="" style="position:absolute; z-index:1; top:0; opacity:0;">

<svg width="0" height="0">
  <defs>
    <clipPath id="myClip">
      <path class="st0" d="M173.4 241.6c-47.9 13.4-133.7 45.1-141.9 104 12.9-41.7 67.6-61.4 104.5-74.3 53.7-18.7 109.3-32.1 165.9-35 5.3 0 11.5-.5 18.2-1-1-5.8-.5-11.5 1.9-18.2-48.9 8.2-96.9 9.6-148.6 24.5m232-40.3c-3.8 9.1-8.1 16.8-12.9 23.5 78.1-17.3 167.8-54.2 176.4-117-16.8 55.6-99.3 79.6-163.5 93.5M136 117.4c9.1-18.2 11.5-34 9.6-40.7-1.9-7.7-6.7-11-13.9-9.1-15.8 3.8-27.3 33.6-29.7 88.2 12.9-7.2 24.4-20.2 34-38.4M21.4 221c-12 2.9-17.7 9.1-16.3 14.4 1 4.8 10.5 9.1 23.5 6.2 11-2.4 20.1-9.1 26.8-18.7-12.9-3.4-23.9-4.3-34-1.9M130.2 63.3c11.5-2.9 21.1 2.9 23.5 14.4 4.8 20.6-13.4 57-52.7 82.5-3.4 25.4-12 45.1-27.8 61.4 7.7 2.4 14.9 2.9 21.6 1.4 18.7-4.3 26.8-22.1 42.2-47 12-19.7 20.6-29.7 24.4-30.7.5 0 1.4-.5 2.9-.5-7.2 6.2-14.4 18.7-24.9 36-14.9 24.4-23.5 42.2-43.6 47-7.7 1.9-16.8 1.4-27.3-1.9-10.1 9.1-23.5 15.8-36.9 19.2-17.7 4.3-29.2-1-31.2-8.1s4.8-15.8 20.1-19.7c10.5-2.4 22.5-1 37.4 1.9 5.3-8.1 10.1-24 13.4-46-26.4 5.8-46.5-5.8-51.3-26.4-6.2-26.8 16.8-60.9 61.8-71.4 8.1-1.9 11.5-2.4 12.5.5 0 .5-.5 1.4-2.4 1.9-.5 0-1.4 0-3.4.5-12.9 2.7-23.5 8-32.6 15.6-18.2 15.3-26.4 40.3-22.5 56.1 3.8 16.3 17.7 24 36.9 19.7 1 0 1.4-.5 2.4-.5 10.5-64.7 36.9-100.7 57.5-105.9"/>
  <path class="st0" d="M177.7 93.5c5.8-1.4 10.5 1.4 11.5 7.2 1.4 6.7-2.9 13.4-9.6 15.3-6.2 1.4-10.5-1-12-7.2-1.9-6.2 3.4-13.4 10.1-15.3m-27.3 69.9c-4.8 7.2-6.7 11-8.1 11.5-1.4.5-2.4 0-2.4-.5-.5-1.9 2.9-5.3 7.2-12l5.8-9.6c2.4-3.8 5.8-8.6 8.6-15.3l24-7.7-13.4 49.4c-4.3 15.3-6.2 24-5.8 25.9.5 1 1.4 1.9 2.4 1.4 3.8-1 12.5-11.5 25.4-33.1 16.3-26.4 26.4-42.2 32.1-43.6h2.9c-10.1 9.1-18.2 25.4-30.7 46.5-12.9 21.6-22.1 34.5-34 37.4-9.1...

CSS

img {
  width: 100%;
  margin: auto;
}

.clip-svg {
  clip-path: url(#myClip);
  posistion:absolute;


}

body {
  background-color: white;
}

body, html {
  height: 100%;
}
svg{
    position: absolute;
  left:50%;
  bottom:0;
  
}