image contain in fixed div

css, image, img, bg, background, масштаб,

by Denni Adam

HTML

<div class="main">
   <div class="img-wrapper"></div>
</div>

CSS

html,body {
    height: 100%;
}

.main {
    width: 100%;
    height: 100%;
}
.img-wrapper {
    width: 100%;
    padding-bottom: 69%;
    background-size: contain;
    /*background-position: 0 35%;*/
    background-image: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTok9GAMciVqTTlxgSojXP8yPNAt1a0iyKexU7YCDEYFr1UgrGo') ;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000;
}