JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv" class="img-wrapper"></div>

CSS

.img-wrapper {
    overflow: auto;
    height: 400px;
    background-color: blue;
    position: relative;
}

.img-wrapper > img {
    height: 200%;
    width: 200%;
    vertical-align: bottom;
}

JavaScript

imgUrl = "nerdist.com/wp-content/uploads/2018/02/year-or-the-tank-girl-header.jpg"

$('.img-wrapper').append($('<img id="theImg">').attr({
                'src': 'https://' + imgUrl ,
                'alt': 'test image'
            })
            ).scrollTop(9999)