.parallax-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: Montserrat, sans-serif;
    width: 100%;
    /* min-height: 100vh; */
  }
  
  .parallax-item h2 {
    font-size: 3rem;
    text-transform: uppercase;
    background-color: whitesmoke;
    padding: 1rem;
    border-radius: 1rem;
  }
  
  .parallax-item:first-child {
    /* background: url("../../img/wallpaperflare.jpg"); */
    background: url("https://png.pngtree.com/thumb_back/fw800/background/20190619/pngtree-programming-color-code-character-background-image_120208.jpg") ;
    min-height: 310px;
    background-size: cover;

  
  }
  
  .parallax-item:nth-child(2) {
    background: #fdd835;
  }
  
  .parallax-item:nth-child(3) {
    background: url("https://images.unsplash.com/photo-1663183539627-adbe2c8ef43d?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NjM5Mzk5ODc&ixlib=rb-1.2.1&q=80");
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Parallax Effect for DIV 3 */
    min-height: 600px;
  }
  
  .parallax-item:nth-child(4) {
    background: #1565c0;
  }
  
  @media screen and (max-width: 768px) {
    .parallax-item h2 {
      font-size: 1.5rem;
    }
  }