.blog-box .container
{
    display:flex;
    gap:15px;
    justify-content: center;
}

.blog-box .container > div
{
    text-align:center;

    flex-grow:1;
    flex-basis:0;
}

.blog-box .container > div .img
{
    border-radius:16px;
    background-size: cover;
    height:520px;
}


.blog-box .container > div .links
{
    display:flex;
    gap:30px;
    align-items: center;
}


.blog-box .paddingRight
{
    padding-right:90px;
}

@media only screen and (max-width : 768px) 
{
    .blog-box .container
    {
        flex-direction:column;
        row-gap:50px;
    }

    .blog-box .container > div .links
    {
        flex-direction:column;
    }

    .blog-box .paddingRight
{
    padding-right:0;
}
}