.image-and-text .image-wrapper img{
        border-radius: 24px;
    overflow: hidden;
    object-fit: fill;
}
.image-and-text .content-wrapper{
        display: flex;
    flex-direction: column;
    row-gap: 24px;
}
.image-and-text .content-wrapper .top-content-wrapper .title-wrapper .title{
    font-weight: 400;
    color: var(--primary-night);   
}
.image-and-text .content-wrapper .top-content-wrapper .content{
       color: var(--primary-night); 
}
.image-and-text .content-wrapper .bottom-content{
    margin-bottom: 18px;
}
@media only screen and (max-width:767px){
    .image-and-text .content-wrapper{
        row-gap:20px;
    }
}