Content + centred image (flexbox)

HTML

<!--
Note that in IE10, the image stretches way outside of its container.
Not sure how to fix this.
-->

<div class="container">
        <!-- <aside> is required for Firefox to fix image overflow -->
        <aside>
            <img src="http://placehold.it/1000x300">
        </aside>

</div>

CSS

img {
    max-width: 100%;
}

.container {
    display: -ms-flexbox;
    display: flex;
    max-height: 100px;
    overflow: hidden;
}


.col-right
{
    background: #afa;
}

.col-right aside
{
    /* Required for IE to fix image overflow */
    overflow: auto;
}