.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}/* Base
   ------------------------------------------------------------------ */

.com-media .lfr-layout-structure-item-collection .list-unstyled li article {
  margin-bottom: 1rem;
}

.com-media .lfr-layout-structure-item-collection .list-unstyled li article .com-media-description {
  display: none;
}

.com-media .lfr-layout-structure-item-collection .list-unstyled li:first-child article .com-media-description {
  display: block;
}

.com-media .lfr-layout-structure-item-collection .list-unstyled li:not(:first-child) article {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}


/* ≥ 50rem
   ------------------------------------------------------------------ */

@media (min-width: 50rem) {
  .com-media .lfr-layout-structure-item-collection .list-unstyled {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;   /* first row has one column */
    grid-template-rows: auto auto;/* two rows */
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled li article {
    margin-bottom: initial;
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled li:first-child {
    grid-column: 1 / -1; /* span full width */
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled li:first-child article {
    display: flex;
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled li:first-child article > * {
    flex: 1;
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled li:first-child article img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled {
    grid-template-columns: repeat(3, 1fr); /* for second row */
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled li:first-child {
    grid-column: 1 / 4; /* first item spans all 3 columns */
  }

  .com-media .lfr-layout-structure-item-collection .list-unstyled li:nth-child(n + 2) {
    display: flex;
  }
}