.E1 .container {
  position: absolute;
  padding: 2rem;

  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  color: #fff;
  background-color: #1f1f1f;
  transform: translateY(-100%);
  transition: 1s all;
  /* animation: pre 2s ease normal;
  animation-delay: 5s; */
}

.E1:hover .container {
  transform: translateY(0);
}

.E1:hover .img1 {
  transform: translateY(100%);
}

/* @keyframes pre {
  0% {
    transform: translateY(98%);
  }
  10% {
    transform: translateY(95%);
  }
  20% {
    transform: translateY(98%);
  }
  30% {
    transform: translateY(95%);
  }
} */