<!DOCTYPE html> 
<style>

.ohub-responsive-figure {
    order: 1;
    display: flex;
}

.ohub-cards {
    order: 2;
    display: block;
    width: 80%; 
}
.ohub-responsive-img {
      display: block;
      margin: 0 1em 1em 1em;
      max-width: 90%;
      align-items: center;
}

@media (max-width: 480px) {

    .ohub-responsive-figure {
        width: 100%;
        order: -1;
    }
    .ohub-responsive-img {
        display: block;
        margin: 1em;
    }
    .ohub-cards {
    display: block;
    order: -1;
    width: 100%;
}
}
</style>
