JSFiddle - React, Tailwind, and code Playground

by Nicholas Berlette

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.16/tailwind.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/daisyui/1.14.2/full.css">
<div class="w-full grid place-items-center">
  <svg style="display: flex; height: auto; position: relative; top: -10vh; max-height: 100vh; max-width: 30vw;" viewBox="0 0 182 682" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="cache-title">
  <title id="cache-title">Ticket Image - Cache</title>
  <g clip-path="url(#cache_clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 381C9.95431 381 1 389.954 1 401V661C1 672.046 9.9543 681 21 681H161C172.046 681 181 672.046 181 661V401C181 389.954 172.046 381 161 381H21ZM70 396C68.3431 396 67 397.343 67 399C67 400.657 68.3431 402 70 402H112C113.657 402 115 400.657 115 399C115 397.343 113.657 396 112 396H70Z" fill="black"></path><path d="M2 401C2 390.507 10.5066 382 21 382V380C9.40202 380 0 389.402 0 401H2ZM2 661V401H0V661H2ZM21 680C10.5066 680 2 671.493 2 661H0C0 672.598 9.40202 682 21 682V680ZM161 680H21V682H161V680ZM180 661C180 671.493 171.493 680 161 680V682C172.598 682 182 672.598 182 661H180ZM180 401V661H182V401H180ZM161 382C171.493 382 180 390.507 180 401H182C182 389.402 172.598 380 161 380V382ZM21 382H161V380H21V382ZM68 399C68 397.895 68.8954 397 70 397V395C67.7909 395 66 396.791 66 399H68ZM70 401C68.8954 401 68 400.105 68 399H66C66 401.209 67.7909 403 70 403V401ZM112 401H70V403H112V401ZM114 399C114 400.105 113.105 401 112 401V403C114.209 403 116 401.209 116 399H114ZM112 397C113.105 397 114 397.895 114 399H116C116 396.791 114.209 395 112 395V397ZM70 397H112V395H70V397Z" fill="#888888"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2 401C2 390.507 10.5066 382 21 382H161C171.493 382 180 390.507 180 401V618H2V401ZM0 618V401C0 389.402 9.40202 380 21 380H161C172.598 380 182 389.402 182 401V618V661V662C182 673.046 173.046 682 162 682H161H21H20C8.9543 682 0 673.046 0 662V661V618ZM68...

CSS

svg {
   animation: .8s wiggle 2s normal running linear infinite;
   transform: rotate(0deg);
   transition: all .3s;
}
@keyframes wiggle {
  0% {
    transform: rotateZ(0deg);
  }
  25% {
    transform: rotateZ(1deg);
  }
  75% {
    transform: rotateZ(-1deg);
  }
  99% {
    transform: rotazeZ(0deg);
  }
}