@keyframes swing  {
    0% { transform: rotateX(30deg); }
    50% { transform: rotateX(-30deg); }
    100% { transform: rotateX(30deg); }
}


@keyframes sway  {
    0% {transform: skew(0);}
    100% {transform: skew(35deg);}
}

@keyframes fold {
    0% {
        transform: scaleY(1);
    }
    50% {
        transform: skew(0.1); /* Folded state */
    }
    100% {
        transform: skew(0); /* Unfolded state */
    }
}

.swing-animation {
    /* animation-name: swing; */
    animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate-reverse;

  
}