.hidden-notanimated {
  opacity: 0;
  transform: translateX(-10%);
}

  @media (prefers-reduced-motion: no-preference) {
    .hidden-notanimated {  transition: all 0.5s ease-out;}
  }

.entry-animated {
  opacity: 1;
  transform: translateX(0);
}

.entry-text {
  display: flex;
  justify-content: center;
}

@media (max-width: 63.94em) {
  .entry-text div {
    width: 92%;
  }
}

@media (max-width: 47.94em) {
  .entry-text div {
    width: 90%;
  }
}