
.parallax {
  /* The image used */
  background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url("img/mix.jpg");

  /* Set a specific height */
  min-height: 700px;
  width: 100%;
  object-fit: cover;

  /* Create the parallax scrolling effect */
   background-attachment: fixed; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-end {
  /* The image used */
  background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url("img/honey.jpg");

  /* Set a specific height */
  min-height: 250px;
  width: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 1199.98px) {
  .parallax {
    background-attachment: unset;
  }
  .parallax-end {
   background-attachment: unset; 
  }
}