scrolling-panels .impact {
  background-color: #191917;
  border-radius: 0px;
  border: 1px solid #444 !important;
  padding: 25px;
  max-width: min(90%, 400px);
  position: absolute;
  left: 30px;
}

annotated-image {
  width: min(700px, min(100vw, 100vh));
  height: min(700px, min(100vw, 100vh));
  display: block;
  margin: auto;
  border: 1px solid #888;
}

@media only screen and (max-width: 700px) {
  scrolling-panels .impact {
    position: relative;
    left: unset;
  }
  annotated-image {
    border: none;
  }
}