/* ============================
   BIOS PAGE
============================ */

.bios-hero {
    height: 40vh;
    background: url('/images/bios-bg.jpg') center/cover no-repeat;
    position: relative;
    z-index: 1;
}

.bios-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

.bios-hero .container {
    position: relative;
    z-index: 2;
}

/* Remove top margin from first element in bio HTML */
.bio-html > *:first-child {
    margin-top: 0 !important;
}

/* Ensure bio images never overflow their container */
.bio-image-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}

.bio-image-container img {
  max-width: 100% !important;
  height: auto;
  display: block;
  margin: 0 auto;
}