Windowsでスライドアニメーションが動かない

廃止となったmarqueeの代替となるアニメーションを
作りたいのですが、なぜかwindowsで開くとアニメーションが動きません。

調べたところ、Windowsのシステム設定で
CSSアニメーションがオフになっている可能性があるとの情報があったため
参考にしたのですが、状況は変わりませんでした。

Mac版のchrome,Safariともに動作しました。
Win版のchrome,Edgeともに動作しませんでした。

原因がわからないため、助言いただきたいです。

HTML
1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <title>Document</title>
8    <style>
9      .marquee {
10        overflow: hidden;
11        width: 100%;
12      }
13      .marquee h2 {
14        animation-name: marquee;
15        animation-duration: 5s;
16        animation-timing-function: linear;
17        animation-iteration-count: infinite;
18      }
19      @keyframes marquee {
20        from {
21          margin-left: 100%;
22        }
23        to {
24          transform: translateX(-100%);
25        }
26      }
27    </style>
28  </head>
29  <body>
30    <div class="marquee"><h2>メッセージ</h2></div>
31  </body>
32</html>
33