#swapAnimation {
  --container-width: 1000px;
  position: relative;
}
#swapAnimation .eachLayer:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  animation: changingWidth 5s ease infinite;
}
#swapAnimation .eachLayer:not(:first-child) .layerInner {
  width: var(--container-width);
}

#gifImg .imgCont {
  position: relative;
}
#gifImg .imgCont img {
  display: block;
}
#gifImg .imgCont .gifImgCont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding-top: 6.14004%;
}
#gifImg .imgCont .gifImgCont .imgContInner {
  width: 23.52%;
}
#gifImg .imgCont .gifImgCont .sizer {
  padding-top: 202.0408163265%;
  position: relative;
}
#gifImg .imgCont .gifImgCont img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@keyframes changingWidth {
  0% {
    width: 100%;
  }
  30% {
    width: 0;
  }
  75%, 100% {
    width: 100%;
  }
}/*# sourceMappingURL=bohemian.css.map */