@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.shapetb-0 {
  position: relative;
  top: 1px;
}

.shapetb-0::before {
  content: '';
  position: absolute;
  bottom: 0;
  background: rgba(215, 151, 92, 0.25);
  /* height: 0; */

  width: 100%;
  height: 20vh;
  z-index: 2;

  -webkit-clip-path: polygon(0 10%, 45% 83%, 100% 10%, 60% 68%, 44% 89%, 29% 60%);
  clip-path: polygon(0 10%, 45% 83%, 100% 10%, 60% 68%, 44% 89%, 29% 60%);
}

.shapetb-1 {
  position: relative;
  top: 1px;
}

.shapetb-1::before {
  content: '';
  position: absolute;
  bottom: 0;
  background: #fbf9f3;
  /* height: 0; */

  width: 100%;
  height: 20vh;
  z-index: 2;

  -webkit-clip-path: polygon(0 10%, 45% 88%, 100% 10%, 100% 100%, 50% 100%, 0 100%);
  clip-path: polygon(0 10%, 45% 88%, 100% 10%, 100% 100%, 50% 100%, 0 100%);
}


.shapetb-2 {
  position: relative;
  top: 1px;
}

.shapetb-2::before {
  content: '';
  position: absolute;
  bottom: 0;
  background: rgba(130, 71, 16, 0.18);
  /* height: 0; */

  width: 100%;
  height: 20vh;
  z-index: 2;

  -webkit-clip-path: polygon(0 10%, 47% 91%, 100% 12%, 60% 68%, 46% 89%, 28% 58%);
  clip-path: polygon(0 10%, 47% 91%, 100% 12%, 60% 68%, 46% 88%, 28% 58%);
}

img.img-animasitb-1{
  width: 25%;
  margin-right: 40px;

  /* -webkit-filter: grayscale(100%);
  filter: grayscale(100%); */

  filter: brightness(0.65);
}

@media(min-width:600px){
  img.img-animasitb-1{
    width: 13%!important;
  }
}