.blog-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #c9ebcd;
  height: 100%;
  /* border-radius: calc(1vh + 2vw); */
}

.blog-card {
  background: #011a30;
  color: #e8e7d6;
  border: 2px solid #2afd00;
  border-radius: calc(1vh + 2vw);
  width: clamp(280px, 60%, 900px);
  height: auto;
  box-shadow: 0 0 12px #2afd0055;
  animation: fadeIn 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  text-align: center;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(calc(10vh + 10vw));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.blog-wip-img {
  height: 60vh;
}