.activity-feature {
  min-height: 560px;
  position: relative;
  display: flex;
  align-items: center;
  background-image: linear-gradient(90deg, rgba(7, 24, 15, .86), rgba(7, 24, 15, .28)), var(--activity-image);
  background-size: cover;
  background-position: center;
  color: #fff;
}

.activity-feature .activity-copy {
  position: relative;
  max-width: 700px;
  padding: 9vw 8vw;
}

.activity-feature .activity-copy p {
  color: #edf0e9;
}

@media (max-width: 800px) {
  .activity-feature {
    min-height: 500px;
    background-image: linear-gradient(90deg, rgba(7, 24, 15, .88), rgba(7, 24, 15, .45)), var(--activity-image);
  }
}