
@keyframes animatedimg { 
    0% { 
      transform: scale(1) translateY(0); 
      transform-origin: 50% 16%; 
    } 
    100% { 
      transform: scale(1.25) translateY(-15px); 
      transform-origin: top; 
    } 
  } 
  .img {
    animation: animatedimg 5s ease-out both; 
  }

  @keyframes rotate-scale { 
    0% { 
      transform: scale(1) rotateZ(0); 
    } 
    50% { 
      transform: scale(2) rotateZ(180deg); 
    } 
    100% { 
      transform: scale(1) rotateZ(360deg); 
    } 
  } 
  .rotate-and-scale { 
    animation: rotate-scale 0.65s linear both; 
    width: 300px;
  }