.carousel-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.carousel-caption {
  bottom: 200px;
  z-index: 2;
}
@media only screen and (max-width: 480px) {
  .section-one-main {
    padding: 10px !important;
  }
  .section-one-heading {
    padding: 20px 0 0 0 !important;
  }

  .footer-child {
    flex-direction: column;
  }
  .footer-second-child {
    flex-direction: column;
  }
}