h2.image_desc {
  color: #ffffff;
  text-align: center;
  padding-top: 200px;
    position: relative;
}

div.text_image_container {
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  background-size: 100% 100%;
}

.text_image_container::before {
    content: "";
    position: absolute;
    width: 100%;
    min-height: 400px;
    background-color: rgba(30, 30, 30, 0.7);
}

@media (min-width: 1440px) {
  div.text_image_container {
    height: 500px;
  }

    .text_image_container::before {
        height: 500px;
  }
}

@media (max-width: 768px) {
  h2.image_desc {
    padding-top: 150px;
  }
}