#background-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
  }
  
  /* For small and medium screens */
  @media (max-width: 991.98px) {
    #background-container {
      background-image: url(/assets/images/bg_mobile.jpg);
    }
  }
  
  /* For large screens and above */
  @media (min-width: 992px) {
    #background-container {
      background-image: url(/assets/images/massarate_bg.jpg);
    }
  }