/*#

Responsive Images for Every Browser on the Planet

my contribution to the conversation

its basically the <picture> tag for older browsers

Resize your browser, rotate your phone to see the various images load as the environment changes.

Learn more about how this works.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Centered, 100% on mobile, 70% on desktop

Donec sodales tincidunt neque, ac condimentum sem laoreet in. Integer pellentesque nunc eu metus fermentum consectetur. Etiam nec dapibus ex. Phasellus tempus et magna auctor scelerisque. Aenean at erat a ex bibendum pellentesque. Morbi feugiat nunc in erat elementum, id imperdiet mauris lobortis. Suspendisse potenti. Nulla dapibus posuere egestas. Mauris non dui mi. Nunc sed congue elit. Proin eget fermentum diam, non volutpat quam. Vivamus scelerisque ante non arcu placerat porttitor. Aliquam erat volutpat. Mauris diam erat, sollicitudin sed sapien at, dapibus placerat purus. Ut mollis, nulla sit amet interdum porttitor, magna massa efficitur mi, at ornare diam urna sed odio.

Right justified, 50% on mobile, 30% on desktop.

Nunc sed efficitur nunc, sed tristique magna. Mauris viverra vestibulum dui quis sagittis. Morbi luctus ultrices dolor, a volutpat nibh eleifend non. Phasellus venenatis ut nisi at egestas. Curabitur ac placerat nunc. Quisque auctor, nisi nec fermentum vehicula, erat elit consectetur massa, in dictum sem purus et elit. Sed ut euismod arcu. Aenean eget turpis aliquet neque accumsan imperdiet nec quis odio. Nam efficitur fringilla enim quis cursus. Nam neque lacus, tempus ut urna sit amet, ornare ullamcorper nulla. Sed sed ipsum interdum, finibus libero ut, bibendum mi. Quisque a quam erat. Pellentesque est justo, lacinia non euismod vel, accumsan et lacus. Vivamus tempor, arcu eget cursus viverra, odio massa malesuada turpis, non fermentum erat justo vitae dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In non lacus nec metus mattis tincidunt.

Nunc congue vehicula rhoncus. Donec in euismod nibh, suscipit imperdiet sem. Vivamus vehicula vestibulum mi mollis volutpat. Nullam ut leo sit amet nibh elementum iaculis. Fusce pretium vestibulum ligula, nec dapibus est gravida sed. Suspendisse bibendum eros tristique, cursus mauris eu, facilisis massa. Fusce eget elit et tortor aliquam semper.

Suspendisse quis vulputate elit, at efficitur felis. Nulla placerat fermentum molestie. Mauris eget rutrum tortor, eget sollicitudin leo. Integer enim tortor, pharetra tincidunt vehicula id, viverra quis nulla. Praesent gravida lacus dolor. Nunc rutrum vestibulum est vitae luctus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas nisi enim, consectetur eget vestibulum vitae, viverra vitae sem. Aliquam porta in felis quis fermentum.

Ut pulvinar consectetur lacus. Praesent neque tellus, venenatis sed commodo eu, efficitur in ipsum. Proin mattis eros id tortor efficitur ultrices. Proin et tincidunt ante, eget vehicula dolor. Aenean suscipit ante in purus mollis pellentesque. Nunc dapibus ante id luctus elementum. Cras eu tincidunt risus. Phasellus blandit arcu non condimentum semper. Quisque sed luctus nulla, ut auctor massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Left justified, 70% on mobile, 40% on desktop.

Sed sed congue mauris, sed venenatis mauris. Donec et tellus quis felis hendrerit eleifend vitae semper dui. Duis pharetra elementum leo, vitae imperdiet orci accumsan a. Proin imperdiet, neque sed egestas tincidunt, nisi lectus placerat nibh, a euismod felis ipsum ac turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer a neque sit amet eros viverra elementum vel dignissim leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas ultricies, velit eu pulvinar fermentum, lacus lectus consectetur lectus, id semper felis nulla ac mi. Nam id eleifend diam. Nulla facilisis, purus id accumsan cursus, lorem diam vulputate justo, id gravida orci lectus sed ante. Phasellus arcu nisl, maximus id condimentum id, imperdiet id velit.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla ornare turpis id sapien volutpat posuere. Cras id ipsum fermentum eros rhoncus sodales. Phasellus est lorem, ultrices in ligula sit amet, hendrerit venenatis odio. Vivamus ut lacus ac orci ultrices venenatis. Donec imperdiet porta placerat. Proin eget sapien interdum, interdum sem interdum, aliquet justo. Mauris pretium erat sed sapien porta, a egestas erat venenatis. In volutpat dui non dui cursus feugiat. Aliquam lobortis magna at elit ullamcorper, ut vulputate libero tincidunt. Aenean vehicula odio ligula, nec finibus tellus lacinia vel. Morbi quis nunc interdum, porta magna vitae, egestas arcu. Nam et turpis sed tortor porta pharetra.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean ipsum lorem, vehicula vitae iaculis sit amet, tempor quis magna. Pellentesque sit amet dui mattis nisl ultricies varius ac sit amet quam. Fusce vel iaculis turpis. In ac feugiat turpis, et consectetur mauris. Etiam nisi sapien, ullamcorper id egestas non, ullamcorper vel sapien. Aenean efficitur urna lobortis purus sollicitudin, vitae vestibulum tellus aliquam. Sed vehicula eleifend consequat. Fusce quis rhoncus ligula. Morbi tempor est quis sollicitudin varius. Proin commodo nec purus et porttitor. In augue ante, fermentum ut aliquam vel, blandit vitae ante.

Morbi quis leo molestie, convallis est non, sodales orci. Cras gravida ex nulla, eu pellentesque est aliquet non. Mauris sit amet nunc vitae elit fermentum laoreet. Donec varius metus a est sagittis mattis. Etiam hendrerit purus efficitur ante cursus feugiat. Donec ultrices neque nec nunc fringilla, et lacinia ligula volutpat. Curabitur quis interdum nisl. Sed condimentum orci at aliquet elementum. Sed rhoncus commodo diam. Etiam tincidunt ipsum vestibulum velit rutrum, maximus imperdiet erat tincidunt. Sed fringilla sit amet felis nec euismod.

Cras mattis et lectus sed vulputate. Vestibulum iaculis lectus vel elit sodales consectetur. Etiam vitae nisi justo. Duis porta, urna eu aliquam mollis, lacus tortor sollicitudin mi, ac sagittis nibh enim id justo. Aenean risus tortor, mattis sollicitudin dapibus eu, ultrices sit amet odio. Vestibulum interdum sollicitudin eros, vel interdum elit luctus et. Aliquam erat volutpat. Curabitur vel suscipit risus. Donec efficitur, tortor in posuere tincidunt, metus nisi viverra ipsum, vel pharetra ex lacus ac dui. Sed sit amet volutpat nibh.

Sed varius scelerisque ipsum, eget blandit lorem bibendum sit amet. Vivamus iaculis arcu sit amet odio eleifend ornare eget nec massa. Pellentesque efficitur et eros in viverra. Suspendisse hendrerit maximus gravida. Donec iaculis justo nibh, sed dictum odio consectetur ut. Nunc imperdiet elit nec elit dapibus, a mattis est bibendum. Phasellus gravida varius finibus. Cras fringilla varius nisi ac fringilla. Donec vel augue luctus, hendrerit sem eu, sagittis mauris. In vestibulum lacus sit amet purus luctus, eu posuere augue mattis. Etiam et ullamcorper justo.

Aenean lacinia hendrerit condimentum. Suspendisse vulputate mauris vel ex rutrum tristique. Ut vulputate est quis efficitur faucibus. Aenean eu magna cursus, pellentesque est sed, sodales ipsum. Mauris ac euismod lacus, vitae semper ex. Quisque in aliquam orci. Nunc laoreet bibendum ornare. Aenean at arcu lectus.

Nam pharetra lobortis augue a pretium. Praesent hendrerit congue posuere. Sed id congue mauris. Sed porta gravida tortor sit amet tempor. Etiam tempus luctus ante in suscipit. Curabitur venenatis lacinia rutrum. Vivamus ullamcorper, leo quis scelerisque consequat, nibh turpis tincidunt purus, vel volutpat dui lectus a odio. Suspendisse quis tincidunt nibh. Quisque cursus urna vel elementum sagittis. Mauris et urna lacinia, vehicula urna et, consectetur enim. Nullam vulputate varius tortor, vel elementum dui imperdiet quis. Phasellus malesuada augue at ultricies tincidunt.

Duis faucibus mauris odio, vitae lacinia lorem pharetra eu. Cras elementum, quam condimentum feugiat egestas, nulla tellus rhoncus felis, sed dignissim tortor ligula eget lectus. Vestibulum sit amet maximus libero, vitae sollicitudin orci. Sed vehicula nulla nec eros pulvinar facilisis. Aenean vel sollicitudin quam. Nulla vel metus porta dui suscipit ultrices id tincidunt tellus. Nunc accumsan imperdiet dui quis iaculis. Sed imperdiet turpis in finibus sollicitudin. Quisque interdum sit amet enim nec rhoncus. Nulla faucibus tellus at tortor interdum posuere.