Javascript-форум - Слайдер с полосой прокрутки

Привет! Хочется сделать самый простейший слайдер. Без JS. Принцип примерно такой. Меня устраивает всё, кроме того, что листать его можно только ухватив мышью полосу прокрутки внизу. А как сделать так, чтобы листать можно было и захватив любую из карточек мышью, а на мобильнике - пальцем? Можно ли это сделать без JS, теми же стилями?

<body>
    <div class="container">
      <div class="inner">
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>
        <div class="card"></div>        
      </div>
    </div>
  </body>

Код:

.container {

  width: 750px;

  overflow-x: auto;  

}



.inner {

  display: flex;

}



.card {

  flex-shrink: 0;

  width: 250px;

  height: 500px;

  margin: 0 50px 0 0;

  background: red;

  outline: 1px solid red;

}