/* Animation for Donation Progress Bar */

.d-ship {
  position: absolute;
  animation: ship-animation 4.5s forwards; 
  animation-play-state: paused; 
  /* animation-timing-function: ease-in; */
}

@keyframes ship-animation {
  0% {
    left: 3%;
    top: 0em;
  }
  100% {
    left: 88%;
    top: -7em;
  }
}

@media screen and (max-width: 768px) {
  @keyframes ship-animation {
    0% {
      left: 5%;
      top: 0em;
    }
    100% {
      /* left:74%; */
      left: calc(100% - 160px);
      top: -5em;
    }
  }
}