body {
	background:#fff;
	}
div.viewport {
    width: 500px;
    height: 300px;
	overflow: hidden;
    position: relative;
    background: #fff;
    border: solid 1px orange;
    background-image: url("hana.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

div.wrapper {
    position: absolute;
    overflow: hidden;
    display: block;
    width: auto;
    height: auto;
    background: #fff;
    margin: auto;
    
}

.wrapper img {
    display:inline-block;
    transform-origin: top left;
    background: #000;
    width: auto;
}