.pf-v5-c-masthead__brand {
  /* Hide the original img tag if it exists */
  img {
    display: none;
  }

  width: 200px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

:root {
  .pf-v5-c-masthead__brand {
    background-image: url('../public/logo-light.png');
  }
}

[data-pf-mode="dark"] {
  .pf-v5-c-masthead__brand {
    background-image: url('../public/logo-dark.png');
  }
}