.location-info {
  --gap: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: var(--gap);
}

.location-info__col {
  -ms-flex: 1;
      flex: 1;
}
.location-info__col[data-type=image] {
  overflow: hidden;
}
.location-info__col[data-type=image] img {
  width: 100%;
}

@media (min-width: 992px) {
  .location-info {
    --gap: 80px;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .location-info__col[data-type=image] {
    -ms-flex-order: 1;
        order: 1;
  }
  .location-info__col[data-type=details] {
    -ms-flex-order: 2;
        order: 2;
  }
}