@import url(slideInL.css);
.image-container{
  height: 400px;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 40px;
}
dt{
  font-size : 20px;
  color : blue;
  font-weight : bold;
}
.fadein-under{
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 2s ease-out, transform 1s ease-out;
  transition-delay: calc(var(--delay) * 0s);
  width: 
  height: 
  aspect-ratio: 1/1;
  object-fit: cover;
}
dd{
  line-height : 45px;
  font-size : 18px;
  color : black;
}
.fadein-under.visible {
  opacity: 1;
  transform: translateY(0);
}
.fadein {
  animation: fadein 3s ease-in;
}
@keyframes fadein {
  from {
  transform: translateY(20%);
  opacity: 0;
}
to {
  transform: translateY(0%);
  opacity: 1;
}