/* Scoped to: history-template-stories-in-stone */
[data-component-slug="history-template-stories-in-stone"].stories-layout, [data-component-slug="history-template-stories-in-stone"] .stories-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 96px;
  align-items: start;
}

[data-component-slug="history-template-stories-in-stone"].stories-images, [data-component-slug="history-template-stories-in-stone"] .stories-images {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

[data-component-slug="history-template-stories-in-stone"].stories-img, [data-component-slug="history-template-stories-in-stone"] .stories-img {
  width: 100%;
  height: 336px;
  object-fit: cover;
}

@media (min-width: 1440px) {
  [data-component-slug="history-template-stories-in-stone"].stories-layout, [data-component-slug="history-template-stories-in-stone"] .stories-layout {
    grid-template-columns: 1fr 1fr;
  }
  [data-component-slug="history-template-stories-in-stone"].stories-images, [data-component-slug="history-template-stories-in-stone"] .stories-images {
    flex-direction: row;
  }
  [data-component-slug="history-template-stories-in-stone"].stories-img, [data-component-slug="history-template-stories-in-stone"] .stories-img {
    width: 380px;
    height: 336px;
  }
}
@media (min-width: 1600px) {
  [data-component-slug="history-template-stories-in-stone"].stories-img, [data-component-slug="history-template-stories-in-stone"] .stories-img {
    width: 417px;
  }
}
@media (min-width: 1920px) {
  [data-component-slug="history-template-stories-in-stone"].stories-layout, [data-component-slug="history-template-stories-in-stone"] .stories-layout {
    max-width: 1800px;
  }
}
[data-component-slug="history-template-stories-in-stone"].stories-img, [data-component-slug="history-template-stories-in-stone"] .stories-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (min-width: 1440px) and (max-width: 1919px) {
  [data-component-slug="history-template-stories-in-stone"].stories-img, [data-component-slug="history-template-stories-in-stone"] .stories-img {
    width: 343px;
    height: 212px;
  }
}
@media (min-width: 1920px) {
  [data-component-slug="history-template-stories-in-stone"].stories-img, [data-component-slug="history-template-stories-in-stone"] .stories-img {
    width: 417px;
    height: 360px;
  }
}