.preview-link {
    position: relative;
  }
  
  .preview-img {
    display: none;
    position: absolute;
    top: 50%;
    left: -210px;
    transform: translateY(-50%);
    z-index: 100;
    width: 200px;
  }
  
  .preview-link:hover .preview-img {
    display: block;
  }

 /* Ensure the navbar transitions smoothly */
  .navbar.fixed-bottom {
    transition: bottom 0.3s ease-in-out;
    bottom: 0;
  }
  
  /* Class to push the navbar completely off-screen when hidden */
  .navbar-hidden {
    bottom: -60px !important; /* Adjust based on your navbar's height */
  }