@media screen and not (hover: hover) {
  /* let's apply this only to devices that do not have a hover capability, which is usually mobile devices */

  body {
    overflow: hidden;
  }

  #container {
    overflow-y: scroll;
    /* position: relative; */
    top: 0;
    left: 0;
    height: 100vh;
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }

  /* close @media */
}