.masonary-container {
    column-count: 2;
}

.masonary-card {
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
    box-shadow: 0 4px 8px 0 rgba(8, 86, 193, 0.2), 0 6px 20px 0 rgba(8, 86, 193, 0.19);
    background-color: white;
    margin: 0 5% 5% 5%;
    padding: 30px;
}

/* for 2 columns */

@media (max-width: 560px) {
    .masonary-container {
        column-count: 1;
    }
}