.root {
  position: relative;

  height: 100%;

  overflow: hidden;
}

.placeholder {
  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background-color: #045cfc;

  transition: transform 0.5s ease-in-out;

  transform: translateY(0%) translateZ(0);

  z-index: 1;
}

.placeholder.loaded {
  transform: translateX(-100%);
}

.placeholder.dark {
  background-color: #403f4c;
}

.root {
  position: relative;

  height: 100%;

  overflow: hidden;
}

.placeholder {
  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background-color: #045cfc;

  transition: transform 0.5s cubic-bezier(0.7, 0.05, 0, 1);

  transform: translateY(0%) translateZ(0);

  z-index: 1;
}

.placeholder.loaded {
  transform: translateX(-100%);
}

.placeholder.dark {
  background-color: #403f4c;
}

Change image loading animation easing curve
Change image loading animation easing curve
