Improve first contentful paint in react

index.html

<div id="root">
  <div class="full-page-loader">
    <img width="200" src="/logo/aiptrade-vertical-color-color.png" alt="AIP.Trade logo" />
  </div>
</div>

style.css

.full-page-loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.full-page-loader > img {
  animation: 1.8s infinite heartbeat;
}

@keyframes heartbeat {
  0% { transform: scale(1); }
  25% { transform: scale(1.05); }
  50% { transform: scale(1); }
  75% { transform: scale(1.05); }
  100% { transform: scale(1); }
}