.forest__sec {
  overflow: hidden;
  background-image: url('/website_files/src/assets/home/forest-trees.jpg');
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  padding: 1.7rem 1.3rem;
  z-index: 2;
}

.bg__forest {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #0000009d, transparent);
  z-index: -1;
}

.forest-grid {
  grid-template-columns: 1fr 1.2fr;
  grid-template-areas:
    "     item1 item3 "
    "     item2 item3 "
    "     item4 item5 "
    "     item4 item6 ";
  gap: 1.5rem;
}


@media screen and (max-width: 768px) {


.forest-grid {
  grid-template-columns: auto;
  grid-template-areas:
    "     item3 item3 "
    "     item1 item2 "
    "     item4 item4 "
    "     item5 item6 ";
  gap: 1.5rem;
}

}

@media screen and (max-width: 640px) {


.forest-grid {
  grid-template-columns: auto;
  grid-template-areas:
    "     item3 "
    "     item1 "
    "     item2 "
    "     item4 "
    "     item5 "
    "     item6 ";
  gap: 1.5rem;
}

}