/* Shared trading imagery for desktop, mobile, and the app download page. */
.canvas .brand-market-photo {
  opacity: 0.7;
  filter: none;
  object-position: center 35%;
}

.hero .brand-market-photo {
  object-position: 65% 35%;
}

.one-tap .brand-market-photo {
  object-position: center 35%;
  transform: none;
}

.learn .brand-market-photo {
  object-position: 65% 30%;
}

.lifestyle .brand-market-photo {
  object-position: center 45%;
  opacity: 0.58;
}

.final .brand-market-photo {
  object-position: 70% 40%;
}

.canvas:has(> .brand-market-photo)::before {
  background: linear-gradient(180deg, rgba(8, 13, 17, 0.12), rgba(8, 13, 17, 0.5));
}

.app-hero .brand-market-photo {
  object-position: center 35%;
  opacity: 0.5;
  filter: none;
}

@media (max-width: 990px) {
  .canvas .brand-market-photo {
    display: block;
    opacity: 0.82;
  }

  .hero .brand-market-photo {
    object-position: 65% 30%;
  }

  .statement .brand-market-photo {
    object-position: 42% 35%;
  }

  .one-tap .brand-market-photo {
    object-position: 68% 30%;
  }

  .learn .brand-market-photo {
    object-position: 65% 30%;
  }

  .final .brand-market-photo {
    object-position: 75% 35%;
  }
}