img {
  transition: transform 0.3s ease;
}
a:not(.effect-none) {
  transition: color 0.3s ease, transform 0.3s ease;
}
@media (min-width: 768px) {
  a:not(.effect-none):hover {
    opacity: 0.8;
  }
}
@media (min-width: 768px) {
  .effect-none a:hover {
    color: inherit;
  }
}
.fade-left,
.fade-right {
  opacity: 0;
}
.fade-left,
.fade-right {
  transform: translateY(40px);
}
.fade-left.show,
.fade-right.show {
  opacity: 1;
  transform: none;
  transition: 1s ease;
}
.fade-left {
  transform: translateX(40px);
}
.fade-right {
  transform: translateX(-40px);
}
.slide-bg-right {
  position: relative;
  overflow: hidden;
}
.slide-bg-right:before {
  content: '';
  position: absolute;
  inset: 0;
  display: block;
  background-color: #19436f;
  transform: translateX(-100%);
  transition: transform 400ms;
}
.slide-bg-right:hover:before {
  transform: translateX(0);
}