JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gif"></div>

CSS

html,
body {
  height:100%;
  padding:0;
  margin:0;
}
.gif {
  width: 100vh;
  height:100vw;
  transform: rotate(270deg) translateX(-100%);
  transform-origin: 0 0;
  background: url('https://media.giphy.com/media/11clOWGCHzWG7C/giphy.gif') center;
  background-size:cover;
}