.pictureCardsContent {
  display: grid;
  grid-template-columns: 1fr repeat(12, calc(var(--jr-contain) / 12)) 1fr;
  grid-template-rows: auto;
  position: relative;
  padding: 0 1rem;
}
@media (min-width: 512px) {
  .pictureCardsContent {
    padding: unset;
  }
}
@media (min-width: 1536px) {
  .pictureCardsContent {
    grid-template-rows: 40% 40% auto;
  }
}
.pictureCardsContent .simpleBorder {
  grid-column: 2/12;
  grid-row: 1/3;
  padding: 1rem;
  border: 1px solid var(--sc-20);
}
@media (min-width: 1536px) {
  .pictureCardsContent .simpleBorder {
    grid-column: 2/6;
    grid-row: 1/3;
  }
}
.pictureCardsContent .images,
.pictureCardsContent .images img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.pictureCardsContent .pictureCard {
  grid-column: 1/12;
  grid-row: 1/3;
  padding: 1rem 1rem 0 0;
}
@media (min-width: 1536px) {
  .pictureCardsContent .pictureCard {
    position: absolute;
    grid-column: 1/6;
    grid-row: 1/3;
  }
}
.pictureCardsContent .shadowCard {
  grid-column: 8/14;
  grid-row: 2/4;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.34);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.34);
  padding: 1rem;
  background-color: var(--white);
  height: 20vh;
}
@media (min-width: 1536px) {
  .pictureCardsContent .shadowCard {
    position: absolute;
    grid-column: 4/7;
    height: unset;
  }
}
.pictureCardsContent .main_content {
  grid-column: 2/14;
  grid-row: 4;
  margin-top: 2.5rem;
}
@media (min-width: 1536px) {
  .pictureCardsContent .main_content {
    grid-column: 8/14;
    grid-row: 1/4;
    margin-top: unset;
  }
}