.scoop {
        position: absolute;
        top:  50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        height: 500px;

      }


.ss {
        position: static;
        display: inline-block;
        width: 120px;
        height: 120px;
        border-radius: 60%;
        background-color: rosybrown;
        margin-bottom: 100px;
        margin-right: 20px;
        clip-path: path('M5.61,50.65C6.38,22.57,29.76,0,58.45,0c28.08,0,51.08,21.64,52.75,48.9a19.18,19.18,0,0,1,7.63,15.34A19,19,0,0,1,100,83.33a18.71,18.71,0,0,1-14-6.26,18.69,18.69,0,0,1-26.38,1.55c-.27-.25-.54-.5-.79-.75a18.68,18.68,0,0,1-26.42,0,1.21,1.21,0,0,1-.16-.16,18.75,18.75,0,0,1-13.37,5.64A19.15,19.15,0,0,1,5.61,50.65Z');
      }

.ss2 {
        position: static;
        display: inline-block;
        width: 120px;
        height: 120px;
        border-radius: 60%;
        background-color: pink;
        margin-bottom: 100px;
        margin-right: 20px;
        clip-path: path('M5.61,50.65C6.38,22.57,29.76,0,58.45,0c28.08,0,51.08,21.64,52.75,48.9a19.18,19.18,0,0,1,7.63,15.34A19,19,0,0,1,100,83.33a18.71,18.71,0,0,1-14-6.26,18.69,18.69,0,0,1-26.38,1.55c-.27-.25-.54-.5-.79-.75a18.68,18.68,0,0,1-26.42,0,1.21,1.21,0,0,1-.16-.16,18.75,18.75,0,0,1-13.37,5.64A19.15,19.15,0,0,1,5.61,50.65Z');
      }

.base {
        position: static;
        display: inline-block;
        width: 120px;
        height: 120px;
        border-radius: 60%;
        background-color: pink;
        margin-bottom: 100px;
        margin-right: 20px;
      }


.skirt {
        position: static;
        display: inline-block;
        width: 20px;
        height: 120px;
        border-radius: 60%;
        background-color: pink;
        margin-bottom: 100px;
        margin-right: 20px;
      }



.one {
  position: absolute;
  z-index: 777;
  bottom: 0;
  left: 450px;
  width: 300px;
  height: 300px;
  background-image:
      linear-gradient(229deg, rgba(255,250,205,0.8), rgba(255,255,0,0) 70.71%),
      linear-gradient(127deg, rgba(220,20,60,0.8), rgba(178,34,34,0) 70.71%),
      linear-gradient(336deg, rgba(250,128,114,0.8), rgba(220,20,60,0) 70.71%);
    border-radius: 60%;
}


.three {
  position: absolute;
  z-index: 777;
  bottom: 0;
  left: 450px;
  width: 300px;
  height: 300px;
  background-image:
      linear-gradient(229deg, rgba(255,250,205,0.8), rgba(255,255,0,0) 70.71%),
      linear-gradient(127deg, rgba(220,20,60,0.8), rgba(178,34,34,0) 70.71%),
      linear-gradient(336deg, rgba(250,128,114,0.8), rgba(220,20,60,0) 70.71%);
    /*border-radius: 60%;*/
    clip-path: path('M11.22,101.3C12.75,45.13,59.51,0,116.89,0,173.06,0,219.06,43.27,222.4,97.81a38.28,38.28,0,0,1,15.25,30.66c0,21.09-16.9,38.2-37.73,38.2A37.47,37.47,0,0,1,172,154.13a37.37,37.37,0,0,1-54.35,1.6,37.36,37.36,0,0,1-53.16-.33,37.37,37.37,0,0,1-26.74,11.27C16.9,166.67,0,149.56,0,128.47a38.32,38.32,0,0,1,11.21-27.16Z');
      
}

.test {
  position: relative;
  z-index: 777;
  bottom: 0;
  left: 450px;
  width: 300px;
  height: 300px;
  background-image:
      linear-gradient(229deg, rgba(255,250,205,0.8), rgba(255,255,0,0) 70.71%),
      linear-gradient(127deg, rgba(220,20,60,0.8), rgba(178,34,34,0) 70.71%),
      linear-gradient(336deg, rgba(250,128,114,0.8), rgba(220,20,60,0) 70.71%);
    border-radius: 60%;
}



/*.two {
  position: absolute;
  z-index: 777;
  bottom: 0;
  left: 450px;
  width: 300px;
  height: 300px;
  background-image:
      linear-gradient(229deg, rgba(255,250,205,0.8), rgba(255,255,0,0) 70.71%),
      linear-gradient(127deg, rgba(220,20,60,0.8), rgba(178,34,34,0) 70.71%),
      linear-gradient(336deg, rgba(250,128,114,0.8), rgba(220,20,60,0) 70.71%);
    border-radius: 60%;
}
*/