.blog-card {
  padding: clamp(15px, 3vw, 30px);
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.blog-card:hover {
  box-shadow: 0 0 0 5px rgba(212, 234, 248, 0.3);
}
.blog-card:hover .blog-card__cover img {
  scale: 1.1;
}
.blog-card__cover {
  width: 100%;
  min-height: clamp(100px, 17vw, 170px);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-card__cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  transition: all 200ms linear;
}
.blog-card__title {
  margin-bottom: 10px;
  color: #3B3B3B;
}