.img-map-left-column {
  overflow: hidden;
  padding-bottom: $margin-double;
  width: auto;
  background: inherit;

  @include breakpoint(sm) {
    flex-basis: 60%;
    padding-bottom: 0;
  }

  .swipe {
    margin: 0;

    @include breakpoint(sm) {
      margin: 0 - #{$margin-normal};
    }
  }
}

.tui-overview-image {
  background: inherit;

  .hotel-swipe & {
    margin-bottom: $margin-double;
  }

  .image-caption {
    display: none;
  }
}

.img-map-two-columns {
  margin-bottom: $margin-double;
  background: inherit;

  @include breakpoint(sm) {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }

  header {
    align-items: baseline;
  }
}
