.paragraph.paragraph--type--header {
  position: relative;
  background: var(--bs-gray);
  padding: 2.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 2rem 9.5% 4rem;
}

.paragraph.paragraph--type--header:after {
  content: '';
  position: absolute;
  bottom: -1.5rem;
  right: -2.8rem;
  height: 7.5rem;
  width: 7.75rem;
  background-color: var(--bs-light-blue);
  z-index: -1;
}

.paragraph.paragraph--type--header .header__text {
  width: 58%;
}

.paragraph.paragraph--type--header .header__img {
  align-self: center;
}

@media screen and (max-width: 991.98px) {
  .paragraph.paragraph--type--header .header__text {
    width: unset;
  }

  .paragraph.paragraph--type--header {
    flex-direction: column;
  }

  .paragraph.paragraph--type--header {
    padding: 0.7rem;
    margin: 1rem;
  }
}