.hero-section {
  transition: none !important;
  position: relative;
}

.hero-background, .hero-overlay {
  transition: none !important;
}

.hero-text.second,
.hero-text.third,
.hero-text.fourth {
  position: absolute;
  top: 0;
  max-width: 1200px !important;
}

.hero-text-container {
  position: absolute !important;
  top: 50%;                    /* vertical center */
  left: 50vw;                  /* 50% of the viewport width */
  transform: translate(-50%, -50%);
  width: 100% !important;
  max-width: 1200px;
  margin: 0;
  box-sizing: border-box;
  z-index: 1;                  /* sit above the background */
  padding: 0 20px;             /* optional side-padding */
}