.aspect-height {
  --padding-top: 100%;

  --padding-top-by-1-512: 34%;
  --padding-top-by-2-512: 69%;
  --padding-top-by-3-512: 119%;
  --padding-top-by-4-512: 140%;

  --padding-top-by-2-440: 60%;
  --padding-top-by-3-440: 90%;
  --padding-top-by-4-440: 121%;

  --padding-top-2-3: 66%;

  padding-top: var(--padding-top);
}
.aspect-height--by-1-512 {
  --padding-top: var(--padding-top-by-1-512);
}
.aspect-height--by-2-512 {
  --padding-top: var(--padding-top-by-2-512);
}
.aspect-height--by-3-512 {
  --padding-top: var(--padding-top-by-3-512);
}
.aspect-height--by-4-512 {
  --padding-top: var(--padding-top-by-4-512);
}

.aspect-height--by-2-440 {
  --padding-top: var(--padding-top-by-2-440);
}
.aspect-height--by-3-440 {
  --padding-top: var(--padding-top-by-3-440);
}
.aspect-height--by-4-440 {
  --padding-top: var(--padding-top-by-4-440);
}

.aspect-height--2-3 {
  --padding-top: var(--padding-top-2-3);
}

@media (min-width: 992px) {
  .grid-list--masonry-by-4 :is(.grid-list__item:nth-child(6n), .grid-list__item:nth-child(6n + 1)) .aspect-height {
    --padding-top: var(--padding-top-by-2-512);
  }
  /* with left_block */
  .right_block.narrow_Y .grid-list--masonry-by-4 .aspect-height--by-4-512 {
    --padding-top: var(--padding-top-by-4-512);
  }
  .right_block.narrow_Y
    .grid-list--masonry-by-4
    :is(.grid-list__item:nth-child(4n), .grid-list__item:nth-child(4n + 1))
    .aspect-height {
    --padding-top: var(--padding-top-by-2-512);
  }
}

@media (max-width: 600px) {
  .aspect-height--100-to-600 {
    --padding-top: 100%;
  }
}

.aspect-max-height-512 {
  max-height: 512px;
}
.aspect-max-height-440 {
  max-height: 440px;
}
.aspect-min-height-300 {
  min-height: 300px;
}

.aspect-ratio {
  --aspect-ratio: 1;

  aspect-ratio: var(--aspect-ratio);
}