.bpl-events {
  container-type: inline-size;
}

.bpl-events > li {
  margin-block-end: 1.5rem;
  overflow-wrap: anywhere;
}

.bpl-events__body {
  display: flow-root;
}

.bpl-events .bpl-events__thumbnail {
  float: left;
  width: 118px;
  max-width: 100%;
  height: 118px;
  margin: 0 1rem 0.75rem 0;
  object-fit: contain;
}

.bpl-events__footer {
  clear: both;
  text-align: right;
}

@container (max-width: 320px) {
  .bpl-events .bpl-events__thumbnail {
    float: none;
    display: block;
    margin-inline-end: 0;
  }
}

@media (max-width: 480px) {
  .bpl-events .bpl-events__thumbnail {
    float: none;
    display: block;
    margin-inline-end: 0;
  }
}