.image-container {
    overflow: hidden; 
    position: relative;
}

.image-container img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}

.image-container:hover img {
    transform: scale(1.2); 
}
.head-position{
   margin-top: -5%!important;
}
.small-img {
    width: 90%!important; 
    height: auto !important; 
}
@media (max-width: 768px) { 
    .hide-on-mobile {
      display: none!important;
    }
  }
.gif-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.responsive-gif {
    max-width: 100%;
    height: auto;
    display: block;
}