.list-container {
  & .content-block {
    display: flex;
    flex-direction: column;
  }
  & .content-block h3 {
    margin-top: auto;
  }
  & .hidden {
    display: none;
  }
  
  & .content-block:has(.background-image) {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
    isolation: isolate;
    & > :not(:last-child) {
      box-shadow: 0 0 15px 15px color-mix(in srgb, var(--theme-10), transparent 25%);
      background: color-mix(in srgb, var(--theme-10), transparent 25%);
    }
    & .background-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: 0.5;
      pointer-events: none;
      object-fit: contain;
      filter: blur(4px);
    }
  }
}