.blog-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10%;
    row-gap: 4rem;
    margin-bottom: 4rem;
}

.blog-element{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.blog-content button{
    margin-top: 1rem;
}
.blog-element p{
    margin: 0.5rem;
}
.blog-element h1, .blog-element h2{{
    margin-bottom: .75rem;
    /* margin-top: 0; */
}
.blog-element .medium{
    width: 100%
}
.blog-element img{
    width: 100%;
    height: 20rem;
    object-fit: cover;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}