he mirado esta web
http://wearecuko.com/
y veo que la primera imagen es flexible, tanto sea de altura como de ancho
veo que en el codigo tienes esto
Código HTML:
<div id="bg" class="bg" data-img-height-3="1080" data-img-width-3="1920" data-img-3="/img/bg/home-bg-1920.jpg" data-img-height-2="900" data-img-width-2="1440" data-img-2="/img/bg/home-bg-1440.jpg" data-img-height-1="800" data-img-width-1="1280" data-img-1="/img/bg/home-bg-1280.jpg" style="height: 833px;"> … </div>
no entiendo los data-img para que sirven lo que si que veo es que el Style="height..." lo cambia al vuelo si hacer la ventana mas alta o mas baja.
he estado mirando a ver como se puede hacer y voy investigando...
pero si alguien sabe algo o puede hacer alguna aportación se agradece!