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

.content-with-box .text-left
{
    text-align:left;
}

.content-with-box .text-center
{
    text-align:center;
}

.content-with-box .text-right
{
    text-align:right;
}

.content-with-box .container > div
{
    text-align:center;
    padding:15px;
    border:1px solid #F1F1F3;
    border-radius:16px;

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

.content-with-box .container > div .img
{
    border-radius:12px;
    background-size: cover;
    height:255px;
}


.content-with-box .container > div .links
{
    display:flex;
    gap:30px;
    align-items: center;
    margin-top:28px;
}




@media only screen and (max-width : 768px) 
{
    .content-with-box .container
    {
        flex-direction:column;
    }

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

    .content-with-box .text-left, .content-with-box .text-center, .content-with-box .text-right
    {
        text-align:center;
    }

    .content-with-box .container > div .img {
        background-position: center;
    }
}