.infinite-loading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20rem;
}

.infinite-loading:after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  background-image: url('loader.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  animation: rotate 1s linear infinite;
}

.infinite-loading.is-loading:after {
  opacity: 1;
}