Как при переворачивании экрана писать предупреждение?

body::after {
  display: none;
  content: 'Переверни!';
  position: fixed;
  bottom: 50vh;
  right: 50vw;
  transform: translate(50%, 50%);
  z-index: 1000;
}

@media (orientation: portrait) {
  body::after {
    display: block;
  }
}