Image & Content blocks displayed side by side.

2 hours ago, tuanphan said:

Use this approach, it has 2 options: left text/right image & left image/right text

 

Thank you for your respone. 

I ended up using this css code:

 

@media screen and (min-width:768px) {
section[data-section-id="673f1a9a3f897b7b53b5b696"] .summary-thumbnail-outer-container {
    float: left;
    width: 80vw;
    height: 80vw;
    margin-right: 20px;
}
}

@media screen and (min-width: 768px) {
    section[data-section-id="673f1a9a3f897b7b53b5b696"] li {
        flex-direction: row !important;
        align-items: center;
    }

   section[data-section-id="673f1a9a3f897b7b53b5b696"] .list-item-content {
        margin-left: 40px !important;
        width: 60vw;
    }
    .list-item-media {
        margin-right: 0px !important;
    }
}