.main-background {
     width: 83%;
    height: 86.30%;
    /* Background image */
    background-image: url('/images/background-alamtri.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;



    position: absolute;
    /* z-index: -1; */
    /* overflow: hidden; */

}

.sidebar-background {
    background-image: url('/images/sidebar-alamtri1.jpeg'); /* Adjust path as needed */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    height: 100%;
}


@media (max-width: 767px) {
    .main-background {
      width: 100%;
      height: 100%;
      background-image: none;
    }
  }