/* static\css\01_whats_on\_index.css */


/* .style-block {
  outline: 3px solid red;
} */

#style-block-1 {
  display: flex; /*puts children in a row */
  gap: 1rem;
  align-items: stretch; /* makes all flex items the same height */
}

#style-block-1 img {
  flex: 0 0 180px; /* no-grow, no shrink, 180px width target */
  max-width: 180px;
  height: 100%; /* fills the height created by align-items: stretch */
  object-fit: cover; /* images fill the height cleanly without distortion */
  display: block;
}

#style-block-1 p,
#style-block-1 h1,
#style-block-1 div {
  display: flex; /* turns each text container into a flex box */
  align-items: center; /* vertical centring inside its column */
  justify-content: center; /* horizontal centring */
}