body-image
{
   display: block;
   position: relative;
}
body-image[copyrightURL],
body-image[deeplink]
{
   cursor: pointer;
}
body-image img
{
   pointer-events: none;
   max-width: 100%;
   max-height: 100%;
   object-fit: fill;
   display: block;
   border-radius: 10px;
}
body-image:not([maxWidth]) img
{
   width: 100vw;
}
body-image[resolution="original"] img
{
   width: unset;
}
body-image[position="center"] img,
body-image[position="left"] img
{
   margin-right: auto;
}
body-image[position="center"] img,
body-image[position="right"] img
{
   margin-left: auto;
}
body-image img::after
{
   content: attr(copyright);
   position: absolute;
   right: 5px;
   bottom: 5px;
   color: var(--kl-fg-secondary-color);
   background-color: #000000d9;
   padding: 2px 5px;
   font-size: 12px;
}

@media screen and (min-width: 1728px)
{
   body-image
   {
      width: 100%;
      margin: auto;
   }
}