.imageContainer{
        display: flex;    
        max-width: 100%;
        max-height: 100%;
        object-fit:contain;
      }

      .responsiveImage{
        max-width: 100%;
        min-width: 360px;
        max-height: 100%;
        object-fit: fill; /* Ensures proportional resizing */
      }
      .responsiveImage50{
        width:'50%';
        max-width: 100%;
        min-width: 360px;
        max-height: 100%;
        object-fit: fill;
      }

      img {          
          width: 100vw;
          height: auto;
          display: block;          
      }

       .imageContainer {          
          width: 100%;
          display: flex;    
          overflow-y: auto;  /* Enable vertical scrolling */
      }