.horizontal-grid-wrapper {
  display: grid;
  width: auto;
  align-content: start;
  grid-column: 1 / -1;
  grid-template-columns: repeat(
      var(--totalItems),
      calc(50% - var(--gutter) * 1)
    ) 15px;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-rows: minmax(150px, 1fr) 14px;
  overflow-x: scroll;
  scroll-snap-type: x proximity;
  margin-bottom: calc(-0.25 * var(--gutter));
  justify-content: start;
}

.horizontal-grid-block {
  display: block;
  border-radius: 9px;
  box-shadow: 2px 5px 7px 0 rgb(28 9 80 / 7%);
}

.card-back-light {
  border: 1px solid #f2f2f2b5;
  padding: 10px 5px;
}

.horizontal-grid-data,
.horizontal-grid-block h3,
.horizontal-grid-content {
  margin: 10px 14px;
}

.horizontal-grid-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-right: 3px;
  max-height: 150px;
}

.horizontal-grid-content > * {
  margin-top: 0;
  padding-top: 0;
}

.horizontal-grid-block h3 a {
  color: initial;
}

.horizontal-grid-block img {
  border-radius: 9px 9px 0 0;
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}


.horizontal-grid-block .grid-image {
  height: 200px;
  display: flex;
}
