.container {
  position: relative;
  width: 300px;
  height: 250px;
  background: url(./images/bck.png) 0 0 / cover no-repeat;
  animation: slidebackground 0.3s ease-in;
}
.img-text {
  position: relative;
  top: 23px;
  left: 25px;

  animation: showText 0.8s ease-in;
}
.img-cta-container {
  position: absolute;
  top: 115px;
  right: 95px;
  width: 115px;
  height: 20px;
  animation: showText 0.8s ease-in;
}
.img-cta {
  height: 100%;
  width: 100%;
}

@keyframes showText {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slidebackground {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
