@media (min-width:1024px) {
  .larger-viewport {
    display: block;
  }
  .smaller-viewport {
    display: none;
  }
}

@media(max-width:1024px) {
  .larger-viewport {
    display: none;
  }
  .smaller-viewport {
    display: block;
  }
}