.bracket-tree .bracket-footer-logo {
  top: 76%;
  bottom: auto;
  width: 230px;
  max-width: 21%;
  height: auto;
  max-height: 280px;
  transform: translate(-50%, -50%);
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: screen;
  opacity: 1;
  pointer-events: none;
}

@media (orientation: landscape) and (max-height: 600px) {
  .bracket-tree .bracket-footer-logo {
    width: 153px;
    max-width: 21%;
    max-height: 185px;
  }
}

.bracket-tree .bracket-trophy {
  transform-origin: center top;
  transform: translateX(-50%) scaleY(1.3);
  opacity: .22;
}