Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

HTML

              
                <figure class="image-block">
	<svg class="image-block__image" fill="#666" version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
		<path d="M304.7 4.7c-7.4 12.8-8.9 17.3-9 27.3-.2 7.9.1 9.5 1.3 9.5s1.6-1.6 1.8-7.2c.4-8.9 1.5-10.2 7.2-8.3 3.4 1.1 4.5 1.1 7.7-.3 5.5-2.3 14.3-3.3 14.3-1.5 0 .7 1.8 3.5 4 6.3 2.2 2.7 4 5.5 4 6.2 0 .6 1.8 3.3 4 6 2.1 2.6 5.1 6.2 6.5 7.9 1.4 1.8 2.5 4.4 2.5 5.8 0 2.2.4 2.6 2.8 2.6 1.7 0 3.7.9 4.9 2.2 2.2 2.5 4.7 6.8 4.1 7.3-.2.1-2.9 1-6.1 1.9-4.5 1.3-5.7 2.1-5.3 3.2.3.9.6 2 .6 2.5s2 .9 4.4.9c3.3 0 5.2-.7 8.1-3l3.9-3.1 1.3 3.2c1.6 4 1.7 3.9-.5 3.9-1 0-3.9 1.3-6.5 3-4.6 2.9-5.2 3-16.6 3-10.4 0-12 .2-13.6 2-1.7 1.8-1.6 1.9 1.1 2.6 4.2 1 4.6 1.4 3.3 3-.6.8-2.6 1.4-4.5 1.4-2.5 0-3.4.5-4 2.2-.5 1.8.2 2.9 3.7 5.9l4.4 3.7 2.9-2.1c1.7-1.2 4.9-2.2 7.5-2.4 2.5-.1 6.9-.4 9.6-.6 2.8-.1 5.6-.7 6.4-1.1 1-.7 1.2-.5.6.5-1.8 3.1-3.8 4.8-6.4 5.4-2.1.5-2.9 1.6-4.3 5.8-1.6 5-1.5 5.3.5 8.2 1.1 1.6 2.1 3.1 2.2 3.3.1.1 2.8-.1 6-.6l5.7-.9 1.5 3.2c1.1 2.3 1.4 4.6.9 7.9-.8 5-1.8 5.5-7.1 3.2-3.2-1.3-7.5-1-7.5.6 0 1.9 5 9.4 8.5 12.8 3.2 3.1 4.3 3.5 8.8 3.6 13.9.1 22 1.6 28.6 5.2 5.8 3.2 6.6 4.1 9.2 9.8 2.4 5.3 3.6 6.7 7.2 8.5 5 2.6 5.3 3 6.1 8 .5 3.2 1.3 4.2 5.9 6.8 4.1 2.4 16.9 6.1 21 6.1.4 0 .7 1 .7 2.1 0 1.8-.4 2-2.7 1.5-1.6-.3-5.3-1-8.3-1.5-3-.5-8.1-2.1-11.2-3.5-4.7-2.1-6.1-3.3-7.9-6.8-1.2-2.4-5-7.5-8.4-11.3-3.4-3.9-7.4-8.7-9-10.8-5.7-7.7-16.7-10.7-26.5-7.2-4.6 1.6-17.6 1.9-26.8.6-4-.6-6.1-1.5-8.7-4.1-3.1-3-3.6-3.2-6.2-2.1-5.6 2.3-7.9 5.5-12.7 17.2-2.5 6.3-4.6 11.9-4.6 12.4s1.7 3.8 3.9 7.4c5.5 9.4 5.7 10.6 2.7 14.1-1.5 1.8-2.7 4.9-3.1 7.8-.4 2.6-.9 5.6-1.2 6.7-.6 2-.6 2-1.4 0-1.5-3.9-.9-10.3 1.2-14 1.2-1.9 1.9-4.1 1.6-4.8-.3-.8-3.2-2.3-6.4-3.5-3.3-1.2-7-3.3-8.3-4.7-1.7-1.8-3.4-2.5-6-2.5-3.1 0-3.8.5-5.2 3.3-.8 1.7-1.9 4.7-2.2 6.5-.8 3.2-.7 3.2 3.2 3.2 4.3 0 5.2 1 5.2 5.9 0 1.8-1.2 3.8-3.3 5.9-4.3 4.2-7.8 4.2-10.7.2-1.4-2-3-3-4.8-3-3.7-.1-6.2-2.2-6.2-5.3 0-2 .6-2.7 2.9-3.2 1.6-.3 3.6-1.4 4.5-2.4 1.5-1.6 1.4-2.2-1.4-7.7-2.4-4.8-3.6-6.2-6.5-7.3-3.3-1.1-3.6-1.5-3-4.1.5-2.5.2-3.1-2.3-4.4-2.4-1.3-4.9-1.3-15.8-.5-7.1.5-16.9 1.9-21.7 2.9-6.3 1.4-9.4 1.7-10.7 1-2.6-1.4-8.1-1.2-17.9.5-8.9 1.5-12.8 3.6-20.1 10.2-4.1 3.6-4.9 5.3-2.7 5.3.6 0 1.8.4 2.6.9 1.1.7 1 1.4-.4 3.9-1.6 2.6-2.1 2.8-3.6 1.9-1.5-.9-2.2-.8-3.3.3-1.7 1.9-5.6 13.6-5.6 17.1 0 4.2 2 5.1 11.2 4.9 14.7-.4 14.2-.8 10.8 8.7-1.1 3.2-2 7-2 8.6 0 1.7-.5 4.7-1.2 6.9-.9 2.9-.9 4.1 0 5 .8.8 1.2 4.9 1.2 11.4v10.1l-5.4 8.4c-4.7 7.3-5.8 10-8.2 20.5l-2.9 12.2-5.3.5c-3 .3-6.5.2-7.9-.4-4.3-1.6-11.3-1.1-14.9 1.2-3.8 2.3-4.4 5.1-1.6 8.2.9 1.1 1.2 1.7.6 1.4-.7-.4-2.2.1-3.5 1.2-2.1 1.7-2.2 2.1-1.1 5.9.9 2.9 2.3 4.7 4.8 6.2 3.1 2 4.6 2.2 14.2 1.9l10.7-.4 4.2 4.5 4.2 4.6-3 4.9c-2.7 4.5-2.9 5.6-2.5 10.8.6 5.6.4 6-2.5 8.5-1.7 1.5-7.2 5-12.2 7.7-7.2 3.9-9.6 5.8-10.9 8.5-2.4 5-2.2 6.6 1.7 11.7 1.9 2.5 3.5 4.9 3.5 5.2 0 1.5-15.5 6.2-28.2 8.7-13.1 2.5-13.8 2.8-13.8 5 0 1.3-.3 2.4-.6 2.4s-5.4-2.1-11.2-4.7c-8-3.6-10.7-4.4-11-3.4-.9 2.8-4 4.8-8.3 5.5-2.4.4-6 1.1-8 1.6l-3.6 1 1.4 6.2c1 4.4 2.5 7.5 5.4 10.9 2.9 3.5 3.9 5.6 3.9 8.2 0 2.9.7 4.1 4.3 7 9.7 8 9.3 7.3 10.1 18.5l.8 10.1L85 498c-4.5 6.7-8 12.3-7.8 12.5.2.2 2.3 0 4.8-.5s4.6-.7 4.8-.5c.2.2-.8 2.6-2.2 5.3-2.2 4.3-3.6 5.6-10.1 9.2-6.3 3.5-8.2 4.1-11.1 3.6l-3.4-.7v10.9l6.3 1.7c5.7 1.5 6.6 2.1 9 6.1 1.5 2.5 2.7 4.7 2.7 5 0 .4-1.3 2.3-3 4.4-2.9 3.7-3.6 7.1-2.4 11.7.5 1.8 1.4 2.3 5.6 2.5l5 .3 2.3 5.4c2 4.9 5.6 8.3 11 10.5.6.2-1 2.1-3.4 4.3l-4.3 3.8 1.8 3.8c1.6 3.3 2.2 3.7 5.6 3.7 2.7 0 4.6.8 6.9 2.8l3.1 2.8-1.2 5.7-1.3 5.8 3.3 3.4 3.4 3.5h-3.3c-2.4 0-5 1.3-9.5 4.6-3.3 2.6-6.7 4.9-7.3 5.1-.7.3-2.2 3.7-3.4 7.7-3.1 10.2-2.2 20 2.5 29.3 3 6 4.3 7.5 11.2 12.2 5.1 3.6 9.6 5.9 13.2 6.7 3 .7 5.8 1.6 6.2 2.1.4.4 1.5 3.2 2.3 6.2l1.6 5.5-8.5 7.9-8.4 7.9V736h3.1c2.2 0 5.2 1.5 10 5.1 6.6 4.9 6.9 5.3 6.9 9.3 0 3.5.6 4.8 3.6 7.7 2 1.8 4.9 6.2 6.5 9.5l2.8 6.2 7.6 2.5 7.5 2.6v-5c0-2.7.5-4.9 1-4.9.6 0 4.5 1 8.6 2.2 8.2 2.4 9.4 3.7 9.4 10.1l.1 3.2 2.5-2.9 2.6-2.9 6.3 1.1c8.7 1.7 10 1.5 14.5-1.3l4-2.5 6.5 1.7c5.9 1.6 6.6 2 7.9 5.4 1.5 3.6 2 3.9 10.8 6.6 9 2.8 9.7 2.9 21.4 2l12.1-.9 5.1 3.6c4.6 3.4 5.8 3.7 13.6 4.3 4.7.3 8.6.7 8.6.9 0 .1-3.3 5.9-7.2 12.7-7.1 12.1-7.7 12.9-19.3 22.7-6.6 5.7-12.6 10.9-13.3 11.8-.7.9-1.2 4.5-1.2 8.8 0 6.4-.6 8.5-5.5 20.4-3 7.3-7.1 16.8-9.1 21.1-2.3 5.2-4.2 11.6-5.4 18.7l-1.8 10.7 2.4 4.1 2.3 4.1-4.4 11.2c-4 9.8-4.5 12-4.5 18.8 0 5.5.6 9.4 2.1 13.3 1.1 3 2.2 5.6 2.3 5.8.2.1 1.9-.5 3.9-1.3l3.7-1.5v4.5c0 2.5.4 4.5.9 4.5 1 0 1.9-.3 10.6-3.8l5.1-2 5.7 2.4c5.1 2.2 6.7 2.4 13.2 1.8 6.6-.6 7.7-1 10.6-4 3-3.1 3.8-3.4 9-3.4 5.1 0 6 .3 8.2 3l2.5 3 11.9-1.6c18.2-2.4 16.7-1.6 15.9-7.7-.4-2.8-.9-5.3-1.1-5.5-.2-.2-2 .5-4.2 1.6-7 3.6-7.8 3.6-9.5 0-2.1-4.6-.5-8.7 5.2-13.2 3.7-3 5.3-3.6 9.3-3.6 4.1 0 5.1.4 7.6 3.2 2.7 3.1 2.8 3.5 1.6 6.5-1.2 2.9-1.2 3.2.8 3.7 1.2.3 4.1.6 6.5.6h4.3l-.7-3.5c-.4-2.2-.2-3.5.4-3.5.6 0 1.7-.3 2.5-.6 1.1-.4 2 .9 3.2 4.8 1 2.9 1.8 5.4 1.9 5.5.1.1 3-.6 6.4-1.6l6.1-1.9 8.3 2.4c4.6 1.3 10.8 2.4 13.9 2.4 5.4 0 5.9.3 18.9 9.5l13.3 9.5h6.8c6.8 0 6.8 0 11-4.5 2.3-2.5 4.5-4.5 4.9-4.5.4 0 1.3 1.1 2 2.5 1.1 2.1 2.1 2.5 5.9 2.5 7.5 0 11.3 1.6 16.6 7l4.9 5-1.2 4.7c-1.5 5.6-1.2 6 7.1 6.9 3.1.4 5.7 1.1 5.7 1.6s-.7 2.5-1.5 4.5-1.3 3.8-1.1 4c.7.7 16.8-2.4 17.5-3.4.3-.5 2.8-4.1 5.4-8 4.5-6.5 4.8-7.3 3.9-10.5-1-3.5-.5-13.8.7-13.8.3.1 2.6.5 5.1 1 2.8.5 5.9.5 8.3-.1 3.5-.9 4.3-.7 8.8 2.2l5 3.2 8.1-2.2c4.4-1.2 8.1-2.1 8.2-1.9.1.2 1.2 4.1 2.5 8.8 1.2 4.7 2.6 8.9 3.1 9.4 1.3 1.3 14.7-.8 20.8-3.2 5.6-2.3 5.4-2.4 6.6 3l.6 2.8 7.6-5.3c4.8-3.3 8-6.2 8.6-8 1-2.6 1.3-2.7 7.6-2.7 3.7 0 7.2-.4 7.7-.8.6-.4 2.4-2.8 4-5.4 3-4.7 3.1-4.8 8.5-4.9 3 0 15.2-.6 27-1.2 24-1.3 22.2-.6 20.6-8.8-.7-3.4-.5-3.8 2.7-5.8 1.9-1.1 3.7-2.1 4.1-2.1.3 0 .6 1.6.6 3.5s.1 3.5.3 3.5c.1 0 3.4-.9 7.2-2 3.8-1.1 7.7-2 8.7-2 .9 0 2.8 2 4.2 4.5 2.5 4.2 2.9 4.5 7.1 4.5 2.4 0 6.5-.9 9.2-2.1 3.9-1.7 5.9-1.9 10.9-1.4l6.2.6.7 5.6c.5 3.8 1.7 7.2 3.8 10.4 3.5 5.2 5.2 5.9 14.3 5.9h5.4v-4.8c0-4.1.5-5.3 3-7.7 3.3-3.2 3.5-4.2 1.9-9.8-1.2-4.3-4-6-12-7.1l-4.6-.7 4-7.7 4-7.8-2.3-5.7c-1.8-4.4-3.4-6.3-7-8.8-4-2.8-4.9-3.9-5.6-7.8-.8-4-1.3-4.7-3.9-5.1-3-.5-3-.6-2.7-6 .3-4.6 1-6.2 4.4-10.2 3.7-4.4 4.4-4.8 8.4-4.8 3.8 0 5.1-.6 8.8-4 4-3.7 5.2-4.2 14.5-5.9 10.9-2 9.1-.9 24.7-14.6 3.3-2.9 3.5-3.4 4.1-11.5.5-7.4 1-9 3.6-12.2l2.9-3.6 7.1 3.9c11.9 6.6 11.3 6.4 15.2 4.3 2-1 4.9-3.6 6.6-5.7l3.1-3.8-2.3-6.1-2.2-6.1 2.4-6.9 2.4-6.9-3.2-2.9c-1.8-1.7-3.8-3.9-4.5-4.9-.8-1.1-2.9-2.3-4.8-2.8-2.7-.7-3.6-1.7-4.8-5-1.3-3.3-2.2-4.3-5.2-5.2-5.1-1.5-7.1-1.4-8.5.6-1.1 1.5-1.6 1.4-5.7-1.2-4-2.5-4.7-3.5-5.7-8.1-1-4.5-2-6-6.1-9.4-4.2-3.5-5.1-3.9-7.4-3.1-2.2.9-2.8.6-5-2.2-1.4-1.8-3.1-3.8-3.8-4.4-8.1-7.8-14.2-14.9-14-16.3.1-.8-1.8-3-4.3-4.7-4.5-3.3-9.2-4.2-11.2-2.2-1.7 1.7-11.2-2.8-11.9-5.7-.4-1.4-2.3-3.3-4.7-4.6-4.3-2.4-5.4-4.6-5.6-11-.1-3.2-.5-3.7-3-4.3-2.6-.6-3.1-1.2-3.6-4.9-.8-4.9-1.2-5.7-4-7.2-1.4-.8-2-2.2-2-4.5-.1-3.1-.5-3.5-4.2-4.8-3.8-1.4-7.3-5.2-7.3-8 0-.6 1.4-1.7 3-2.6 2.4-1.3 3-2.2 3-4.9s.5-3.5 2.3-4c2.3-.5 7.4-9.2 6.2-10.5-.4-.3-2.1-1.1-3.8-1.7-2.6-.9-3.1-1.6-2.9-3.8.3-2.6-.4-3-4-2.7-1.2.2-1.8-.5-1.8-1.7 0-1.3-1.8-2.9-5.9-5.1-3.2-1.7-6.6-3.1-7.5-3.1-.9 0-1.6-.8-1.6-2s-1.4-2.9-3.5-4.2c-2.9-1.9-3.4-2.7-3-4.7 1-3.9-1.2-7.7-5.6-9.6-4-1.8-5.2-4.8-2.5-5.8.9-.4 1.2-1.4.9-2.5-.7-2.9 3.5-4.1 5.4-1.6.7 1 1.3 2.4 1.3 3.1 0 .7.8 1.3 1.8 1.3 2.2 0 7.2 6.2 7.2 8.9 0 1.4.7 2.1 1.9 2.1 1.5 0 2.2-1.2 3.1-5.1 1-4.1 2.3-6.1 6.9-10.6 13.1-12.8 14-13.3 23.9-13.3 5.1 0 7.3-.5 9.2-2 1.4-1.1 3.2-2 4.1-2 .8 0 1.9-.4 2.5-1 .6-.6 2.5.1 5.4 2 3.5 2.3 5.2 2.9 7.5 2.4 3.9-.8 8.5-5.2 8.5-8 0-2.1.6-2.3 8.1-3 7.5-.6 8.1-.9 9-3.3.6-1.4 2-3.6 3.1-4.8 1.6-1.7 2.5-2 4.5-1.2 2.8 1 4.3.5 4.3-1.7 0-.8.5-1.4 1.1-1.4.7 0 1.8-.8 2.5-1.7 1.2-1.7 1.4-1.7 3.6.3 3.4 3.1 6.9 3.6 9.6 1.4 1.2-1 2.2-2.7 2.2-3.7s.4-2.3.9-2.9c.5-.5 1.1-1.8 1.3-2.8.3-2.2 8.8-4.8 12.5-3.9 1.2.3 3.2-.2 4.3-1 1.6-1.1 3.7-1.4 7.5-1 3.3.4 5.5.1 5.9-.6.4-.6 1.6-1.1 2.6-1.1 1.4 0 1.9-.6 1.7-2.2-.3-3.2 5.2-6.1 12.3-6.4 3.2-.1 6.8-.9 8.1-1.7 1.3-.9 4.3-2 6.6-2.6 2.3-.7 5-2.2 6.1-3.5 1.5-1.9 3.2-2.5 8.6-3.1 5.6-.6 6.9-1.1 7.6-2.9 1-2.8.6-3.3-3.4-4-2.2-.4-3.7-1.4-4.1-2.6-.4-1.1-1.7-2.3-3.1-2.6-2.9-.7-2.8-.5-.7-4.9.9-1.9 2.4-3.5 3.2-3.5 2.9 0 9.1 2.1 9.1 3 0 1.3 4.7 1.3 7.2-.1 1.6-.9 2.4-.7 4.2 1 1.2 1.2 2.9 2.1 3.7 2.1.8 0 2 .9 2.7 2 1 1.6.9 2.7-.3 5.7-1.7 4.1-1.3 5.3 1.5 3.5 3.7-2.3 4.9-1.6 3.9 2.5-.5 2.1-.9 4.1-.9 4.4 0 1.3 10.8 5.9 13.7 5.9 3.6 0 6.3-2.7 6.3-6.3 0-1.9 1.1-3.3 4-5.4 2.8-2 4-3.5 4-5.3 0-1.4 1-4.1 2.1-6 1.2-1.9 4.1-10.2 6.5-18.5 4.8-16.3 4.9-18.7.8-24.2-1.4-1.8-2.4-4.5-2.4-6 .2-5.6-.8-11.5-2.1-12.8-.8-.8-6.1-3.1-11.9-5.3-11.9-4.5-12.5-5.3-9-12.3 2.7-5.3 2.1-10-1.7-12.4-4.4-2.9-7.3-6.6-7.3-9.3 0-1.4-1.2-3.8-2.6-5.3-2-2.1-2.5-3.4-2-5.3.3-1.4 1.3-2.6 2.1-2.6s1.5-.4 1.5-.8 1.6-2.5 3.5-4.5c3.6-3.8 3.9-4.8 3.6-10.7-.1-1.9.5-4.9 1.3-6.5 2.5-4.7 2-7.2-1.5-9.1-2.7-1.3-3-1.9-2.4-4.2.3-1.5.8-5.8 1-9.6l.4-6.8-6-2.7c-4.6-2-5.9-3.1-5.9-4.7 0-1.2-1-4.7-2.1-7.8-2.2-5.6-2-10.6.3-10.6.7 0 2.5-1.2 4-2.7 2.9-2.7 3.6-6.1 1.8-7.9-.7-.7-.7-2.1.1-4.3 1.7-4.9-.1-7.2-9.3-11.7-6-2.9-9.2-5.2-12.6-9.2-2.5-2.9-6.2-6-8.1-6.8-2-.8-5.2-3-7.1-4.8-2.1-2.1-5-3.6-7.3-4-3.7-.7-3.8-.9-3.1-3.4.5-1.5.9-5.5.9-9v-6.3l7.5-4.5c4.1-2.5 8.7-5.7 10.3-7.2 3.2-3.1 5.1-9.2 4.3-14-.4-2.6.2-4.6 2.5-8.7 2.9-5.1 3-5.5 1.5-8.4-.9-1.6-1.6-4.2-1.6-5.7 0-4.5-5.1-21.8-7.1-24-1.4-1.5-1.9-3.5-1.9-7.5 0-3.3-.6-6.3-1.5-7.5-.8-1-1.5-3.3-1.5-5 0-3.4-1.6-5.4-4.2-5.4-2.5 0-2.3-1.3.4-2.5 3-1.3 3.4-4.1.9-5.5-1.6-.8-2.8-.7-5.3.6-6.1 3.1-16.5.8-27.3-6.1-2.2-1.4-5.2-3.1-6.7-3.7-4.1-1.8-3.6-5 1.5-9.2l4.2-3.5-6.9-6.6c-5.1-4.8-6.3-6.5-4.8-6.5 1.1 0 2.5-.7 3.2-1.5 2.1-2.5 4.3-1.9 3.6 1-.5 2-.3 2.5 1.2 2.5 2.5 0 4.2-1.9 4.2-4.7 0-1.5.6-2.3 1.8-2.3 2.4 0 6.2 2.8 6.2 4.5 0 .7 1 1.5 2.3 1.7 1.8.2 2.2.9 2.2 3.8 0 3.1-.3 3.5-2.3 3.3-1.3-.2-3.2.2-4.2.7-1.8 1-1.9.8-1.4-2 .6-2.8.5-3-2.4-3-4 0-4.6 1.1-2.6 5.3 2.4 5.1 1.3 8.1-3.3 9.3-4.2 1-5.5 3.7-2.6 5.2 2 1.1 13.2-.3 14.8-1.9.5-.5 5.2-.9 10.5-.9h9.7v-4.6c0-4.3-.3-4.8-5.6-9.2-3-2.6-7.5-6.6-10-8.8-3.2-2.9-5.9-4.4-8.7-4.8-4.9-.9-10.5-5.2-12.8-10.1-1.3-2.6-2.3-3.5-4.2-3.5-1.7 0-2.8.7-3.1 2-.3 1.1-1.3 2-2.2 2-2.4 0-3.3-1.1-2.1-2.5 2.3-2.8-2-2.2-6.6.9-3.5 2.3-6.4 3.5-10.2 3.8-6.2.6-6.7 1-5.2 3.8 1 1.9.9 2.1-1.1 1.8-1.5-.2-2.6-1.4-3.3-3.6-.6-1.8-1.7-3.7-2.4-4.1-.8-.4-1-1.5-.6-2.6.7-1.6.3-1.7-3.4-1.1-3.3.5-4.2.3-4.2-.8 0-.8-.6-1.9-1.3-2.3-.8-.4-2.2-2-3.2-3.6-1.1-1.8-2.6-2.7-4.3-2.7-1.4 0-3.3-.7-4.2-1.5-.9-.8-3.4-1.8-5.6-2.3-3.3-.7-3.9-1.2-3.9-3.4 0-1.4-.8-3.5-1.8-4.6-1.2-1.3-1.5-2.2-.8-2.7 1.8-1.1 1.2-3.5-.8-3.5-5 0-6-5.1-2-9.5 1-1.2 2.2-3.5 2.5-5.2.3-1.8 1.5-4 2.5-4.9 1.1-.9 1.9-2.8 1.9-4.1 0-1.2.5-2.3 1-2.3.6 0 1-.9 1-2.1 0-1.5-.5-2-2.2-1.7-1.7.2-2.4 1.2-2.9 3.8-.3 1.9-1.1 4.6-1.9 6-.8 1.4-1.6 4.1-2 6-.7 4.5-1.9 4.7-22 4.9-12.9.1-16.6-.3-21.8-1.9-10.6-3.3-11.6-3-16.6 4.8-2.4 3.7-5.4 8.8-6.6 11.2-1.8 3.9-3.3 5.1-9.7 8.5-4.4 2.3-9.2 5.8-11.3 8.2-3.5 4-4.1 4.3-8.8 4.3-2.7 0-9.2.9-14.5 2-7.3 1.5-11.1 1.7-16.6 1.1-7.1-.7-7.2-.7-11.1 2.6-3.1 2.6-4.3 4.7-5.6 9.5l-1.7 6-4.8-.6c-5.6-.8-11.1 1.1-12.8 4.2-1.5 2.8-1.4 3.2.9 3.2 1 0 3 .5 4.4 1.1 2.1 1 2.3 1.5 1.4 3.5-1.3 2.8-1.7 2.9-4.3 1.1-1.1-.7-3.5-1.9-5.3-2.7-2.9-1.1-3.4-1.1-4.5.4-1.9 2.6-6.7.5-6.7-2.9 0-1.8-.7-2.6-2.4-3.1-1.4-.3-2.7-1.2-3-2-.7-1.9-6.6-1.8-15.5.2-5.8 1.3-7.6 2.2-9.3 4.5-2.7 3.6-3.4 3.6-5 .1-.9-1.9-2.7-3.1-6.2-4.2-6.5-2.1-8.3-5.2-5.3-9.5 1.1-1.6 2.1-3.1 2.2-3.2.1-.1 1.8.2 3.9.8 3.6 1 3.9.8 7.9-2.8 2.3-2.1 7-5.6 10.5-7.8l6.4-4-.6-6.5c-.3-3.6-.8-7.7-1.2-9.1-.4-1.9.1-3.4 2.2-5.9l2.9-3.3-6.1.6c-3.4.4-7.5.2-9.3-.3-2.6-.7-3.4-.6-4.4 1.1-.6 1-2 1.9-3.1 1.9-1 0-4.1 1.6-6.7 3.5-6.9 4.9-11.2 4.8-16.3-.4-3.1-3.2-4.9-4.1-9.9-5.1-3.4-.6-7.7-2-9.7-3-6.7-3.4-11.6-4.2-17.6-2.9-5.1 1.2-5.6 1.6-8.5 6.6-3.1 5.3-5.2 6.6-6.3 3.8-.5-1.5 1.2-5.5 2.4-5.5.3 0 1.1-.4 1.9-.9 1-.7 1.1-1.3.1-3-.9-1.7-.9-2.6 0-3.6.9-1.1.5-1.8-2.2-3.5-3.8-2.4-8-2.2-21.2 1.1-6.4 1.6-8.1 1.8-8.7.7-1.7-2.6-.8-3.7 3.9-5.2 2.6-.9 6.6-3.4 9-5.7 3.9-3.7 4.2-4.4 4.2-9.2 0-4.6-.3-5.5-3.2-7.9l-3.3-2.7 2.7-.1c3.4 0 4.4-1.6 2-2.9-1-.6-2.6-3-3.6-5.4-1-2.8-2.6-4.8-4.2-5.6-2.3-1-2.6-.9-3.5 1.9-.9 2.6-1.5 2.9-3.7 2.4-1.5-.3-3.4-1.5-4.3-2.5-1-1-5.9-3.4-11-5.2-7.2-2.5-9.5-3.8-9.9-5.4-.5-2.1-.9-2-8.5 2.7-8.1 4.9-9.4 5-9.5.6 0-1.7-.4-1.6-3.2 1.1-1.8 1.7-4.8 3.4-6.6 3.8-3 .6-3.7.3-6.5-2.7s-4.7-3.8-14.2-6.3C364.7 21 358 20 355.8 21.2c-1.2.6-2.6.4-4.2-.7-2.2-1.4-2.8-1.5-5.2-.2-2.4 1.2-3.5 1.2-8.2 0-5-1.3-5.6-1.3-6.4.1-.7 1.3-2.9 1.6-11.7 1.6-9.4 0-11.2-.3-13.5-2.1-2.1-1.7-2.6-2.9-2.6-6.5 0-3.9.3-4.6 2.8-5.5 4.5-1.8 5.4-2.4 5-3.2-.2-.5.5-1.3 1.6-1.9 1.5-.8 1.6-1.2.5-1.9-3.5-2.2-6.4-1-9.2 3.8z"/>
		<path d="M314.5 39.7c-1.7.2-3.7 1.3-4.4 2.5-2.1 3.3 1.4 6 8.5 6.6 5.1.4 5.9.2 7.4-1.8 1.2-1.6 1.5-3.1 1.1-4.9-.6-2.3-1.3-2.6-5.2-2.7-2.4-.1-5.8.1-7.4.3zM299.2 48.3c-2.8 3-2.8 4.8.1 7.5 2.7 2.6 5.9 2.8 7.8.6 1.1-1.3 1-1.7-.4-2.5-.9-.6-2.5-2.6-3.5-4.5l-1.8-3.5-2.2 2.4zM796 49.9c-7.6.7-13 3.8-13 7.5 0 1.3-.9 3.1-2 4.1-2.9 2.7-1.6 3.1 1.9.6 2-1.4 2.8-2.7 2.4-3.7-.6-1.6 1.2-3.4 3.5-3.4 1.9 0 1.4 2.5-.8 4.5-1.1 1-2 2.9-2 4.2 0 2-.5 2.3-4.1 2.3-3.8 0-4.1.2-3.5 2.2.3 1.3.6 2.6.6 3 0 .5 1.4.8 3 .8 1.7 0 3 .4 3 1 0 .5-1.5 1-3.4 1-2.5 0-4 .7-5.5 2.6-2.5 3.2-2.6 4.4-.6 4.4.8 0 1.5.4 1.5 1 0 .5 1.5 1 3.4 1 2.2 0 3.6.6 4 1.6 1.3 3.4.6 4.1-4.4 4.8-4.6.6-5 .9-5 3.4 0 1.9 1 3.5 3.5 5.5 1.9 1.5 3.5 3.4 3.5 4.2 0 .8.8 1.5 1.8 1.5.9 0 5 1.4 9.1 3 8.3 3.4 9.4 3.6 11 1.6.9-1 .9-2 0-3.9-1.4-3.1.3-6.7 3.1-6.7 1.1 0 2-.7 2-1.5 0-.9.9-1.5 2.4-1.5 1.4 0 3.7-.5 5.2-1 2-.8 3.2-.7 5 .5 1.9 1.2 2.7 1.3 4.4.3 2.9-1.9 5 .4 2.7 3-1.6 1.7-1.5 1.9 1.8 3.4 3.5 1.5 3.5 1.5 3.5-.9 0-1.3 1.2-3.5 2.6-4.8 1.5-1.4 2.2-2.5 1.7-2.5-.5 0-2.6-1.6-4.6-3.5-2.8-2.7-4.4-3.5-7.2-3.5-3.2 0-3.8-.4-5.1-3.5-2.4-5.8-1.9-7.4 3.1-9.6 5.6-2.5 7.1-6.2 3.6-9-1.9-1.6-3.5-1.7-11.9-1.2l-9.8.6-3.2-3.3c-3.7-3.7-3.7-4.9.1-6.8 3-1.5 3.7-4.3 1-4-1 0-4.7.4-8.3.7zM332.5 67.8c-2.7.8-5.2 1.6-5.4 1.8-.9.8 3.1 5.4 4.8 5.4 3.1 0 6.3-3.3 5.9-6.1l-.3-2.5-5 1.4zM314 68.2c0 .7.5 2 1 2.8.8 1.2 1 1.1 1-.7 0-1.2-.4-2.5-1-2.8-.5-.3-1 0-1 .7zM568.7 70.8c-1.9 2-2.7 3.9-2.7 6.5 0 4 2.2 5.9 4.3 3.8 1.7-1.7 3.7-1.3 3.7.9 0 1 .8 2.3 1.8 2.8 1.9 1 20.2 1.3 20.1.3 0-.3-1.7-3.3-3.7-6.5-3.5-5.6-4.1-6-9.7-7.6-11.4-3.2-10.9-3.2-13.8-.2zM311 77.5c0 1.9 2.7 5.5 4.2 5.5 2 0 2.3-1.2.8-4.1-.9-1.6-5-2.8-5-1.4z"/>
	</svg>
	<figcaption class="image-block__caption">Germany</figcaption>
</figure>
              
            
!

CSS

              
                .image-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
	
	&__image {
		width: 100%;
		min-width: 200px;
		max-width: 300px;
	}
	
  &__caption {
    position: absolute;
    top: 33.333%;
    transform: translateY(33.333%);
  }
}


// ---- Visual styles ----

body {
	background: #EEE;
}

.image-block {

	&__caption {
		color: whitesmoke;
		font-family: sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
}
              
            
!

JS

              
                
              
            
!
999px

Console