.generic-content {
  background: var(--elsel-white-2);
}

.generic-content > .eg-container > .eg-wrapper {
  position: relative;
  z-index: 3;
  margin-top: -4rem;
  display: flex;
  gap: 1rem;
}

.generic-content > .eg-container > .eg-wrapper > .left {
  width: 25%;
}

.generic-content > .eg-container > .eg-wrapper > .right {
  width: 75%;
  height: fit-content;
}

@media (max-width: 1400px) {
  .generic-content > .eg-container > .eg-wrapper {
    margin-top: 0;
  }
}
@media (max-width: 1200px) {
  .generic-content > .eg-container > .eg-wrapper > .left {
    width: 33.3333%;
  }

  .generic-content > .eg-container > .eg-wrapper > .right {
    width: 66.6667%;
  }
}

@media (max-width: 992px) {
  .generic-content > .eg-container > .eg-wrapper {
    flex-direction: column;
  }
  .generic-content > .eg-container > .eg-wrapper > .left,
  .generic-content > .eg-container > .eg-wrapper > .right {
    width: 100%;
  }
}