@media (min-width: 576px) {
      .cover-container {
        max-width: 100%;
        margin: 0 auto;
        background-image: url('/web-ready-images/tanja-la-croix-vernissage.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
      transition: background-image 1s; /* Add transition effect */
  }
    main {
        max-width: 50%;
        margin: 0 auto;
  }
}

@media (max-width: 575px) {
      .cover-container {
        max-width: 100%;
        margin: 0 auto; /* Change margin to 0 auto */
        background-image: url('/web-ready-images/tanja-la-croix-auto-salon-zurich.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
          transition: background-image 1s; /* Add transition effect */
      }
    .fade-out {
        opacity: 0;
    }

    .fade-in {
        opacity: 1;
    }
  .nav-masthead {
      background-color: transparent; /* or any other color you prefer */
  }
  #navbarCollapse {
    background-color: #000000;
  }
}

/*
 * Header
 */