My team asked me to figure out how to alternate the layout of the blog posts, so the image would go between being on the right, then the left.... and I wanted to share the code!

Before:

After:

Steps:

1. On the Blog Listing page, add a "CSS Source Code embedded object" above or below the Blog Listing element.
   
2. Copy/Paste the following into the CSS Source Code you just added (double click to open):

Code:
NOTE: This assumes you don't have any existing padding or margins set on your images or text div's.

    .appdrag-blog-listing .row {
        flex-flow: row;
    }
    
    .appdrag-blog-listing .row:first-child {
        /* Keeps the margin consistent between text and image */
        margin-right: 80px;
    }
    
    .blog-article-container:first-child .blog-article .row {
        /* Needed because the clearfix div messes with the :nth-child count */
        flex-flow: row-reverse;
    }
    
    .blog-article-container:not(.clearfix):nth-child(even) .blog-article .row {
        /* reverse even-numbered blog posts */
        flex-flow: row-reverse;
    }