.example_media {
  background-color: #f2e7f7;
  color: #40214e;
  padding: 20px;
  border: 2px solid #40214e;
  transition: transform 200ms ease;
}
@media screen and ((orientation: landscape) and (hover: hover) and (pointer: fine)) {
  .example_media {
    transform: translateY(-4px);
  }
}
@media screen and ((prefers-reduced-motion: reduce)) {
  .example_media {
    transition: none;
  }
}
@media screen and ((prefers-color-scheme: dark)) {
  .example_media {
    background-color: #2d2033;
    color: #f7e9ff;
  }
}