@media screen and (max-width:800px) {
  .overlapping-element {
    display: block;
  }

  .overlapping-element__text {
    width: 100%;
    padding: 0 var(--line-height-em);
  }

  .overlapping-element__text::before {
    top: calc(-37em);
    height: calc(100% + 37em + var(--line-height-em)*2);
  }

  .overlapping-element__image-wrapper {
    width: 100%;
  }

  .overlapping-element__image {
    width: 100%;
    margin-left: 0;
  }

  .announcements {
    width: 100%;
    margin-left: 0;
  }
}