.overlap-cards {
  /*margin-top: -150px;*/
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .overlap-cards {
    margin-top: 0;
  }
}

.community-title {
  font-size: 4vw;
  /*text-align: left;*/
}

@media (max-width: 768px) {
  .community-title {
    font-size: 10vw;
    text-align: center;
    /*left: 10%;*/
  }
}

@media (max-width: 768px) {
  .community-title span {
    display: block;
  }
}

@media (max-width: 768px) {
  .overlay-container {
    left: 0% !important;
  }
}

div {
  align-items: start;
}