.main-anime-div {
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    transform: rotateX(5deg)rotateY(20deg)rotateZ(0);
    transform-origin: center;
    animation: spinY 22s linear infinite;
  }
  
  .inner-anime-element {
    border: 3px solid var(--black);
    transform-origin: 100%;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    width: 28rem;
    height: 28rem;
    position: absolute;
    right: 0;
    overflow: hidden;
    box-shadow: 0 3px #000;
  }
  
  .inner-anime-element._08 {
    transform-style: preserve-3d;
    background-image: url("/assets/imgs/foods/3.webp");
    transform: translate3d(-4rem, 0, 4rem)rotateX(0)rotateY(-315deg)rotateZ(0);
  }
  
  .inner-anime-element._07 {
    transform-style: preserve-3d;
    background-image: url("/assets/imgs/foods/10.webp");
    transform: translate3d(0, 0, 4rem)rotateX(0)rotateY(-270deg)rotateZ(0);
  }
  
  .inner-anime-element._03 {
    transform-style: preserve-3d;
    background-image: url("/assets/imgs/foods/11.webp");
    transform: translate3d(0, 0, -4rem)rotateX(0)rotateY(-90deg)rotateZ(0);
  }
  
  .inner-anime-element._06 {
    transform-style: preserve-3d;
    background-image: url("/assets/imgs/foods/12.webp");
    transform: translate3d(4rem, 0, 4rem)rotateX(0)rotateY(-225deg)rotateZ(0);
  }
  
  .inner-anime-element._04 {
    transform-style: preserve-3d;
    background-image: url("/assets/imgs/foods/14.webp");
    transform: translate3d(4rem, 0, -4rem)rotateX(0)rotateY(-135deg)rotateZ(0);
  }
  
  .inner-anime-element._05 {
    transform-style: preserve-3d;
    background-image: url("/assets/imgs/foods/15.webp");
    transform: translate(4rem)rotateX(0)rotateY(-180deg)rotateZ(0);
  }
  
  .inner-anime-element._01 {
    background-image: url("/assets/imgs/foods/13.webp");
    transform: translate(-4rem);
  }
  
  .inner-anime-element._02 {
    transform-style: preserve-3d;
    background-image: url("/assets/imgs/foods/17.webp");
    transform: translate3d(-4rem, 0, -4rem)rotateX(0)rotateY(-45deg)rotateZ(0);
  }
  
  .customer-3d-container {
    perspective: 1200px;
    /* 👈 controls depth */
    perspective-origin: 50% 50%;
    /* center viewpoint */
  }
  
  @media screen and (max-width: 991px) {
    .inner-anime-element {
      border-width: 4px;
      box-shadow: 4px 4px #000;
    }
  }
  
  @media screen and (max-width: 767px) {
    .inner-anime-element {
      border-width: 6px;
    }
  }
  
  @media screen and (max-width: 479px) {
    .inner-anime-element {
      border-width: 8px;
      box-shadow: 6px 6px #000;
    }
  }

  @keyframes spinY {
    from {
      transform: rotateY(183.106deg);
    }
    to {
      transform: rotateY(543.106deg); /* 183.106 + 360 */
    }
  }