.gallery-poster {
  isolation: isolate;
  overflow: hidden;
}

.gallery-poster__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 342px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.06%, rgba(0, 0, 0, 0.50) 89.23%), #d3d3d300 50% / cover no-repeat
}

.gallery-poster-link {
  display: block;
}

.gallery-poster-link:focus,
.gallery-poster-link:focus-visible {
  outline: 4px solid #BD2611;
}

.gallery-poster__background  {
  position: absolute;
  inset: 0;
  z-index: -1;

  img,
  .contextual-region  {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.gallery-poster__content-box {
  margin-top: auto;
  display: flex;
  padding: 40px 20px 20px;
 }

.gallery-poster__content-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.gallery_poster--property,
.gallery_poster--single_manual_gallery_poster {
  /* To target the Logos on Properties */
  .gallery-poster__content-box img {
    max-width: 100%;
    object-fit: contain;
    position: relative;
  }
}

/* View CSS */
.view-gallery-poster .items,
.field--name-field-gallery-posters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(24px, 2vw, 32px);
}

.view-gallery-poster .items > *, 
.field--name-field-gallery-posters > * {
  flex: 0 1 Min(100%, 512px);
}