.logo {
  width: 140px;
}

.hero {
  width: 100%;
  height: 320px;
  overflow: hidden;

  & > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: grayscale(100%) sepia(14%) saturate(460%) hue-rotate(184deg);
  }
}
