.slide {
  position: absolute;
  left: 0;
  /*width: 100%;*/
  object-fit: cover;
 /* min-height: 400px;*/
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1); }
  .slide--hidden-initial {
    display: none; }
  .slide--hidden-1-next {
    left: -100%;
    transition: left 0.7s linear; }
  .slide--hidden-1-prev {
    left: 100%;
    transition: left 0.7s linear; }

@keyframes next {
  0% {
    left: 99%; }
  100% {
    left: 0; } }

@keyframes prev {
  0% {
    left: -99%; }
  100% {
    left: 0; } }
  .slide--show-1-next {
    animation: next 0.7s 1 ease-out; }
  .slide--show-1-prev {
    animation: prev 0.7s 1 ease-out; }
  .slide--hidden-2-next {
    left: -100%;
    transition: left 0.7s ease-out; }
  .slide--hidden-2-prev {
    left: 100%;
    transition: left 0.7s ease-out; }

@keyframes next-overlap {
  0% {
    left: 99%; }
  100% {
    left: 0; } }

@keyframes prev-overlap {
  0% {
    left: -99%; }
  100% {
    left: 0; } }
  .slide--show-2-next {
    animation: next-overlap 0.7s 1 ease-out; }
  .slide--show-2-prev {
    animation: prev-overlap 0.7s 1 ease-out; }
  .slide--hidden-0-next {
    transition: opacity 0.7s ease-in;
    opacity: 0; }
  .slide--hidden-0-prev {
    transition: opacity 0.7s ease-in;
    opacity: 0; }

@keyframes next-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes prev-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .slide--show-0-next {
    animation: next-appear 0.7s 1 ease-out; }
  .slide--show-0-prev {
    animation: prev-appear 0.7s 1 ease-out; }