.card {
    min-width: 290px;
    grid-row: span 2 / span 2;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  
    .image {
        img {
            max-width: 100%;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
    }
  
    .content {
        padding: 20px 30px;
    }
}
  
.card.is-loading {
    .image,
    h2,
    p {
        background: #eee;
        background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
        border-radius: 5px;
        background-size: 200% 100%;
        animation: 1.5s shine linear infinite;
    }

    h2, p{
        margin: 2rem 0;
    }
  
    .image {
        height: 380px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
  
    h2 {
        height: 30px;
    }
  
    p {
        height: 70px;
    }
}
  
@keyframes shine {
    to {
        background-position-x: -200%;
    }
}