.text-overlap-image {
  margin: 40px 0 0;
}
@media only screen and (min-width: 992px) {
  .text-overlap-image {
    margin: 80px 0 0;
  }
}
.text-overlap-image svg {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: -4px;
}

.text-overlap-image-section {
  position: relative;
  padding: 60px 0 80px;
  z-index: 2;
}
@media only screen and (max-width: 768.98px) {
  .text-overlap-image-section {
    padding: 50px 0 50px;
  }
}
.text-overlap-image-section .page-width {
  position: relative;
}
.text-overlap-image-section .text-overlap-image-content {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .text-overlap-image-section .text-overlap-image-content h2 {
    font-size: 24px;
  }
}
.text-overlap-image-section .text-overlap-image-content *:not(h1, h2, h3, h4, h5, h6) {
  font-size: 14px;
}
.text-overlap-image-section .text-overlap-image-content .paragraph {
  font-size: 14px;
  line-height: 24px;
}
.text-overlap-image-section .text-overlap-image-content .paragraph p {
  font-size: 14px;
  line-height: 24px;
}
.text-overlap-image-section .text-overlap-image-content .image {
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) {
  .text-overlap-image-section .text-overlap-image-content .image {
    top: -140px;
    left: 0;
    transform: translateX(0);
  }
}
.text-overlap-image-section .text-overlap-image-content .image img {
  display: block;
  margin: 0;
}
@media only screen and (max-width: 991.98px) {
  .text-overlap-image-section .text-overlap-image-content .image img {
    width: auto;
    height: 120px;
  }
}