@media (max-width: 760px) {
  .photo-action {
    display: none !important;
  }

  .photo-tile img,
  .hero-image img {
    filter: grayscale(1);
    transition: filter 180ms ease;
  }

  .photo-tile:active img,
  .photo-tile:focus img,
  .hero-image:active img,
  .hero-image:focus img {
    filter: grayscale(0);
  }
}