/* sanjaya */
.image-icon{
    perspective: 1000px;
    display: flex;
    justify-content: center;  /* Centers horizontally */
    align-items: center;      /* Centers vertically */
    
   
    }
.image-icon img {
    width: 400px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform: rotateY(0deg) rotateX(0deg) scale(0.9);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
   
}
.image-icon img:hover {
    
    transform:  rotateX(5deg);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

/* Mobile responsiveness */
@media screen and (max-width: 530px) {
    .image-icon img {
      width: 350px; /* Smaller image size for mobile */
      transform: rotateY(0deg) rotateX(0deg) scale(0.8); /* Slightly smaller scale */
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); /* Lighter shadow for mobile */
    }
  
    .image-icon img:hover {
      transform: rotateX(5deg) scale(0.85); /* Slightly larger scale on hover */
      box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15); /* Lighter shadow on hover */
    }
  }