Copy environment

Masterpiece

Preview 
<div class="masterpiece  ">
    <div class="masterpiece__inner">

        <div class="image image--block masterpiece__image">
            <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/800x600 800w 400h, //placehold.it/1600x1200 1600w 800h, //placehold.it/1920x1440 1920w 960h, //placehold.it/3840x2880 3840w 1920h, //placehold.it/440x330 440w 280h, //placehold.it/880x660 880w 560h, //placehold.it/400x300 400w 300h, //placehold.it/800x600 800w 600h, //placehold.it/400x300 400w 550h, //placehold.it/800x600 800w 1100h, //placehold.it/600x450 600w 630h, //placehold.it/1200x900 1200w 1260h, //placehold.it/500x375 500w 99999h, //placehold.it/1000x750 1000w 99999h"
                data-sizes="auto" alt="" class="image__img lazyload">
        </div>
        <div class="masterpiece__content text text--small">
            <p><b>"Kohtla-Järve"</b><br>Materjal: õli, kartong<br>1980<br>Põlevkivimuuseumi kogu</p>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "image": true,
    "orientation": "landscape",
    "content": "<p><b>\"Kohtla-Järve\"</b><br>Materjal: õli, kartong<br>1980<br>Põlevkivimuuseumi kogu</p>"
  }
}

Portrait

Preview 
<div class="masterpiece  ">
    <div class="masterpiece__inner">

        <div class="image image--block masterpiece__image">
            <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20550%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/800x1100 800w 400h, //placehold.it/1600x2200 1600w 800h, //placehold.it/1920x2640 1920w 960h, //placehold.it/3840x5280 3840w 1920h, //placehold.it/440x605 440w 280h, //placehold.it/880x1210 880w 560h, //placehold.it/400x550 400w 300h, //placehold.it/800x1100 800w 600h, //placehold.it/400x550 400w 550h, //placehold.it/800x1100 800w 1100h, //placehold.it/600x825 600w 630h, //placehold.it/1200x1650 1200w 1260h, //placehold.it/500x687 500w 99999h, //placehold.it/1000x1375 1000w 99999h"
                data-sizes="auto" alt="" class="image__img lazyload">
        </div>
        <div class="masterpiece__content text text--small">
            <p><b>"Kohtla-Järve"</b><br>Materjal: õli, kartong<br>1980<br>Põlevkivimuuseumi kogu</p>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "image": true,
    "orientation": "portrait",
    "content": "<p><b>\"Kohtla-Järve\"</b><br>Materjal: õli, kartong<br>1980<br>Põlevkivimuuseumi kogu</p>"
  }
}

Person

Preview 
<div class="masterpiece  masterpiece--person">
    <div class="masterpiece__inner">

        <div class="image image--block masterpiece__image">
            <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/150x100 150w 100h, //placehold.it/300x200 300w 200h, //placehold.it/600x400 600w 400h, //placehold.it/1200x800 1200w 800h, //placehold.it/2400x1600 2400w 1600h"
                data-sizes="auto" alt="" class="image__img lazyload">
        </div>
    </div>
    <a href="#" class="button masterpiece__download button--icon-w-link button--small ">
        <div class="button__text-container">
            <span class="button__text">Lae alla</span>
        </div>
        <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#download"></use>
</svg>
            </span>
    </a>
</div>
 
{
  "language": "en-US",
  "data": {
    "image": true,
    "orientation": "landscape",
    "content": null,
    "download": {
      "text": "Lae alla"
    }
  },
  "modifier": "masterpiece--person"
}