.imageJelly {
  animation: jellyPop 1.2s ease-out;
}

@keyframes jellyPop {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  40% {
    opacity: 1;
    transform: scale(1.3, 0.7);
  }

  55% {
    transform: scale(0.8, 1.2);
  }

  70% {
    transform: scale(1.15, 0.9);
  }

  85% {
    transform: scale(0.95, 1.05);
  }

  100% {
    transform: scale(1);
  }
}


.imageJelly1 {
    animation: jelly 1s ease-in-out;
    transform-origin: center;
}

@keyframes jelly {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}


.imageJelly2 {
    animation: jelly 1s ease-out;
}

@keyframes jelly {
    0% {
        transform: scale(0.8, 1.2);
    }

    30% {
        transform: scale(1.1, 0.9);
    }

    50% {
        transform: scale(0.95, 1.05);
    }

    70% {
        transform: scale(1.02, 0.98);
    }

    100% {
        transform: scale(1, 1);
    }
}