<div id="lottie-animation"></div
  
<!-- credit: https://lottiefiles.com/free-animation/404-error-page-with-cat-ZltNpefmQj -->
html {
  margin: 0;
  padding: 0;
  background-color: #000;
}

body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
}

#lottie-animation {
  max-width: 100%;
  max-height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
const animation = lottie.loadAnimation({
  container: document.getElementById('lottie-animation'),
  renderer: 'svg',
  loop: true,
  autoplay: true,
  path: 'https://lottie.host/4cd47dc2-c1ae-4d46-b908-2df421fa26ca/PdsqGQXLt0.json',
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js