#scroll-gallery-feature-cards {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 var(--larger-size);
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.scroll-gallery-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--medium-size);
  min-width: max-content;
  padding: calc(calc(1.03 * 60vh) - 60vh) 0;
}

.feature-card {
  background-color: rgb(from var(--alt-back-color) r g b / 0.5);
  background: -webkit-linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-from),
    var(--alt-grad-to)
  );
  background: -moz-linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-from),
    var(--alt-grad-to)
  );
  background: linear-gradient(
    var(--alt-grad-dir),
    var(--alt-grad-from),
    var(--alt-grad-to)
  );
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
  grid-template-rows: 80% 1fr;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: var(--main-back-color);
  height: 60vh;
  min-height: 400px;
  min-width: calc(400px / 1.6);
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.15s ease;
  -moz-transition: -moz-transform 0.15s ease;
  -o-transition: transform 0.15s ease;
  transition: transform 0.15s ease;
  width: calc(60vh / 1.6);
}

.feature-card:last-child {
  margin-right: var(--larger-size);
}

.carousel:not(.carousel-animating) .feature-card:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

.feature-card img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.feature-card-text {
  padding: var(--small-size);
}

.feature-card-text h2 {
  color: inherit;
  font-size: var(--great-font);
  margin: none;
  padding: none;
}
