.journal-link {
  margin:0 auto;
}

.card-body {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.journal-cover-container {
  display: flex;
  align-items: center;
  aspect-ratio: 3/4;
  overflow:hidden;
}

.journal-cover {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.card-title {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.journal-link:hover .card-title {
  overflow: visible;
  position: relative;
  animation: scrollText 5s linear infinite;
}

@keyframes scrollText {
  0% {
      left: 0;
  }
  100% {
      left: -100%;
  }
}

.visible {
  display: block;
}