JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="vertainer">  
        <img class="img" src="http://www.bastards-design.de/wordpress/assets/aa_2.jpg"/>
    </div>
</div>

CSS

html,
body,
.wrap
{
    height:100%;
    width:100%;
    background:blue;
}
.wrap
{
   overflow-x:auto;
   overflow-y: hidden;
}
.vertainer
{
    float:left;
    height:100%;
    width:auto;
    white-space:nowrap;
    background:green;
}
.img
{
    display: inline;
    width: auto;
    height:100%;
}