这个网页的响应式效果是如何完成的？

http://www.lendlease.com/au/
这个页面上的图片是作为div的background-image，div设置了几个断点，前面几个断点的响应式比较简单，div有固定宽高，然后屏幕不断缩小到手机大小后，div就是宽度跟随屏幕，高度和宽度一致，
问题：这个div高度如何和宽度保持一致的？图片是作为背景图片，而不是作为内容，所以div不能依靠图片作为内容支撑宽高，div也几乎没有内容，是什么支持它自适应的呢？
我是css和js新手，看源代码怎么也看不出是怎么实现的，求高人解答，谢谢！