.jdm-c-googleMap {
  padding-top: 33vh;
  position: relative;
}
  .jdm-c-googleMap::before {
    background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
    content: '';
    height: 2em;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  .jdm-c-googleMap--iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }

@media (min-width: 48em) {
  .jdm-c-googleMap {
    padding-top: 33.333333%;
  }
}

@media print {
  .jdm-c-googleMap {
    break-inside: avoid;
  }
    .jdm-c-googleMap--iframe {
      display: block;
    }
}