CSSのメディアクエリ（Media Queries）のand条件は以下のように記述します。andでつないだ全ての条件を満たす時に適用されます。

//「メディアタイプがscreen」かつ「横幅が1024px以下」かつ「hoverが動作しないタッチデバイス」
@media screen and (max-width: 1024px) and (hover: none) {
  figure {
    width: 800px;
    overflow-x: auto;
  }
}

or条件は以下のように記述します。カンマ（,）で区切った条件のうち、一つでも条件を満たせば適用されます。注意点としてカンマではなく「or」でつなぐと動作しません。

//「メディアタイプがscreenかつ横幅が1024px以下」または「hoverが動作しないタッチデバイス」
@media screen and (max-width: 1024px), (hover: none) {
  figure {
    width: 800px;
    overflow-x: auto;
  }
}

なおメディアタイプの「screen」は、PCやスマホ等のスクリーン画面を持ったデバイスを意味します。