/* .image-container {
    width: 200px; /* Adjust the width according to your image size */
    /* overflow: hidden; */
  /* } */
  



  /* #header_hero_image{
    transition: transform 0.3s ease;
  }
  
  header:hover #header_hero_image{
    transition: transform 1.5s ease;
    transform: translateX(-180px); 
  }
  header:not(:hover) #header_hero_image {
    transition: transform 1.5s ease;
    transform: translateX(180px);
    
  }  */

  #header_hero_image {
    position: relative;
    left: 100%; /* Start position at 100% from the left */
    animation: slideLeft 3s ease forwards; /* Animation settings */
  }
  
  @keyframes slideLeft {
    0% {
      left: 100%; /* Start position at 100% from the left */
    }
    100% {
      left: 0; /* Move to the original position on the left */
    }
  }
  