.section-container
{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin: px;
padding-bottom: 30px;
align-items: center;
justify-content: center;
}
.section-container .columns
{
flex:0 0 auto;
width:50%;
}
.section-container .columns.image
{
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.section-container .columns.content .content-container
{
        padding:40px 50px;
        flex-basis: 50%;
        background:rgb(13, 239, 255);
        background: linear-gradient(0deg, rgba(13, 239, 255,1) 0%, rgba(53,215,17,1) 65%);
        color:#fff;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding-left: 20px;
}
.section-container .columns.content .content-container h5
{
font-weight:900;
font-size:20px;
margin-bottom:5px;
}

.section-container .columns.content .content-container h6
{
font-weight:700;
font-size:16px;
margin-bottom:5px;
color:#fff;
}
.section-container .columns.content .content-container p
{

font-weight:400;
font-size:16px;
margin-top:20px;
margin-bottom:15px;
text-align:left;
color:#fff;
}
@media screen and (max-width:767px)
{
.section-container
{
flex-flow:row wrap;
}
.section-container .columns.image{
/* display:block;
order:1;
width:400px;
height:300px; */
       flex-basis: 50%;
        height: 200px;
        width: 200px;
        display: flex;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
        margin-bottom: 20px;
        border: 3px solid #fff;
        transition: .3s ease transform;
        float: right;
}
.section-container .columns.content
{
display:block;
order:2;
width: 450px;
}
.section-container .columns.content .content-container
{
padding:20px 35px;
}
.section-container .columns.content .content-container h5
{
margin-bottom:5px;
}
}