.news-read-header {
  position: relative;
}

.news-header-image {
  position: relative;
  width: 100%;
}
.news-header-image::before {
  content: '';
  position: absolute;
  top: calc(var(--section-space-extra-large) * -1);
  left: 0;
  right: 0;
  z-index: 1;
  height: calc(75.85% + var(--section-space-extra-large));
  background: var(--bg-color);
}

.news-header-image > .container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}

.news-header-image > .container > img {
  width: 50%;
}

.news-header-image > .container > .news-text {
  width: 50%;
  padding: var(--section-content-space-large) var(--section-content-space-medium);
}

.news-header-content {
  display: none;
}
.news-header-content.no-pic {
  display: block;
  padding: var(--card-space-super-large) 0;
  background: var(--bg-color);
}

@media (min-width: 993px) {
  .news-header-content.no-pic > .container {
    max-width: 760px;
  }
}

@media (max-width: 1024px) {
  .news-header-image::before {
    height: calc(86% + var(--section-space-large));
  }
}

@media (max-width: 992px) {
  .news-read-header {
    padding-top: 0 !important;
  }

  .news-header-content {
    display: block;
    padding: var(--section-space-medium) 0 var(--grid-gap-large);
    background: var(--bg-color);
  }
  .news-header-content.no-pic {
    padding: var(--card-space-large) 0;
    background-color: transparent;
  }

  .news-header-image {
    padding-top: 0;
  }
  .news-header-image::before {
    top: 0;
    height: 75.85%;
  }
  .news-header-image > .container > img {
    width: 100%;
  }
  .news-header-image > .container > .news-text {
    display: none;
  }
}