.img-joint {
    height: 12rem;
    background-image: url(../../img/banners/LRL_Reading_Room_4.jpg);
    background-repeat: no-repeat;
    background-position: 50% 57%;
    background-size: cover;
}

  /*@media (min-width: 992px) {
      .img-joint {
          height: 12rem;
          background-image: url(../../img/banners/ref_library_5.jpg);
          background-repeat: no-repeat;
          background-position: 50% 91%;
          background-size: cover;
      }
  
  }*/