body {
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
    font-family: Courier;
    animation: transitionIn 1.5s; 
  }
  
    img1 {
    transform: scale(0.9);
    filter: brightness(80%) opacity(20%) invert(100%) grayscale(100%);
    transition: 0.1s ease-out;
    position: sticky;
    top: 0;
 
  }
  
    img1:hover{
    transform: scale(0.95);
     filter: brightness(100%) drop-shadow(0px 5px 5px black) opacity(100%) invert(0%) grayscale(0%);
    border-radius: 1px;
     

      

    }
  
  
  
  
  
  @keyframes transitionIn {
    from {
      opacity: 0.5;
      filter: brightness(0%);
      transform: translateX(100px);
    }
    
    to {
      opacity: 1;
      filter: brightness(100%);
      transform: translateX(0); 
      
     }
     
    

  }