.abstract {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.abstract:before {
  content: '';
  left: 0;
  position: absolute;
  width: 100%;
}

.abstract figure {
  display: flex;
  flex-direction: column;
  position: relative;
}

.abstract figure picture {
  position: relative;
}

.abstract--world:before {
  background: url(/assets/images/abstract/map-outline.svg) left -4.8em center / contain repeat-x;
  height: 95%;
  top: 2.5%;
}

.abstract--world figure {
  margin-inline: auto;
  padding-left: var(--space-small);
  padding-right: var(--space-small);
  width: min(100%, 48em);
}

.abstract--flow:before {
  background: url(/assets/images/abstract/flow.svg) left -3em center / contain no-repeat;
  height: 60%;
  top: 26%;
  transform: rotate(180deg);
}

.abstract--flow figure {
  margin-left: -8em;
  width: 172%;
}

@media(min-width: 64em) {

  .abstract--world figure {
    padding-left: var(--space-large);
    padding-right: var(--space-large);
  }

}