app.embed.html

<style>
    div#staff-list div.staff {
        margin-bottom: 25px;
        display: grid;
        grid-template-columns: 2fr 6fr;
    }

    div#staff-list div.staff img {
        width: 150px;
        margin-right: 25px;
    }

    div#staff-list div.staff div {
        vertical-align: top;
        padding-left: 25px;
    }
</style>

<div id="staff-list"></div>

<script>
    (function () {
        new Promise(function (res, rej) {
            var request = new XMLHttpRequest;
            request.onload = function () {
                res(JSON.parse(this.response));
            }
            request.open('get', 'https://cdn.deseretnews.com/media/misc/interactive/2018-spring-new-seventy/2018-spring-new-seventy.json');
            request.send();
        }).then(function (staff) {
            var container = document.getElementById('staff-list');
            container.innerHTML = null;
            for (var x = 0; x < staff.length; x++) {
                var person = staff[x];
                var elem = document.createElement('div');
                elem.classList.add('staff');
                var image = document.createElement('img');
                image.setAttribute('src', person.image);
                var description = document.createElement('div');
                description.innerHTML = '<b>' + person.bio.replace(',', '</b>,');
                elem.appendChild(image);
                elem.appendChild(description);
                container.appendChild(elem);
            }
        });
    })();
</script>