:root {
    --space-unit: 1rem;
    --space-sm: calc(1.125 * var(--space-unit));
    --space-md: calc(2 * var(--space-unit));
    --stack-cards-item-ratio: 2/1;
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
}


/* -------------------------------- 

File#: _1_stacking-cards
Title: Stacking Cards
Descr: Cards stack effect on vertical scrolling
Usage: codyhouse.co/license

-------------------------------- */
.stack-cards {
  --stack-cards-gap: var(--space-sm);
  --stack-cards-item-ratio: 8/1; /*Aquí el tamaño*/
}

.stack-cards__item {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: var(--space-md);
  height: 0;
  padding-bottom: calc(100%/(var(--stack-cards-item-ratio)));
  -webkit-transform-origin: center top;
          transform-origin: center top;

  border-radius: 20px;
  margin-bottom: 20px;
  box-shadow: var(--shadow-md);
}
.stack-cards__item > * {
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;*/
}

@media (max-width: 465px) {
  .stack-cards {
    --stack-cards-item-ratio: 3/1;
  }
}