@media (max-width: 750px) {
  #comp-m7q85i69_r_comp-m7nh18j9 {
    height: calc((100vw - var(--scrollbar-width, 15px)) * 0.2734375) !important;
  }

  #comp-m7r6wfk8 img {
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }

  #comp-m7r8hs8o,
  #comp-m7q89cml,
  #comp-m7un1qvt {
    display: flex !important;
    flex-direction: column !important;
  }

  #comp-m7r8hs8o .comp-m7r8hs8o-container {
    padding:
      calc((100vw - var(--scrollbar-width, 15px)) * 0.064)
      calc((100vw - var(--scrollbar-width, 15px)) * 0.042667)
      calc((100vw - var(--scrollbar-width, 15px)) * 0.106667) !important;
  }

  #comp-m7un1qvt .comp-m7un1qvt-container {
    padding-top: calc((100vw - var(--scrollbar-width, 15px)) * 0.064) !important;
    row-gap: calc((100vw - var(--scrollbar-width, 15px)) * 0.042667) !important;
  }
}

/* Phone: live lays the photo library out as two 16:9 columns, 12px apart, whatever the number of photos. */
@media (max-width: 600px) {
  body[data-deedee-project-gallery="true"] #comp-m7q89cml .pro-gallery-parent-container,
  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="gallery-wrapper-comp-"],
  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-container-"],
  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] {
    box-sizing: border-box !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
  }

  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    position: relative !important;
  }

  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] > .item-link-wrapper {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    inset: auto !important;
    margin: 0 !important;
    position: relative !important;
    width: auto !important;
  }

  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] .gallery-item-container,
  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] .gallery-item-container > div,
  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] .gallery-item-content,
  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] [data-hook="gallery-item-image-img"] {
    height: 100% !important;
    inset: 0 !important;
    width: 100% !important;
  }

  body[data-deedee-project-gallery="true"] #comp-m7q89cml [id^="pro-gallery-margin-container-"] .gallery-item-container {
    position: relative !important;
  }
}
