.Picture {
  --pictureMaxWidth: none;
  --pictureBleedLeft: 0;
  --pictureBleedRight: 0;
  --pictureBleedLeftMobile: 0;
  --pictureBleedRightMobile: 0;
  display: flex;
  max-width: var(--pictureMaxWidth);
  margin-left: calc(var(--pictureBleedLeft)*-1);
  margin-right: calc(var(--pictureBleedRight)*-1)
}

@media (max-width:599px) {
  .Picture {
    margin-left: calc(var(--pictureBleedLeftMobile)*-1);
    margin-right: calc(var(--pictureBleedRightMobile)*-1)
  }
}

.Picture--fitCover {
  width: 100%;
  height: 100%
}

.Picture__image {
  vertical-align: top;
  align-self: flex-start
}

.Picture--autosize .Picture__image {
  width: 100%;
  height: auto;
  max-width: 100%
}

.Picture--fitCover .Picture__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}