.block-custom-map{display:grid;grid-template-columns:1fr 3fr;background-color:hsl(204, 83%, 25%);color:#fff;position:relative;min-height:clamp(70vh, 40vw ,1000px);}

.map-content{display:flex;padding:var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);position:relative;}
.map-content:after{background:linear-gradient(to right, 
  hsla(204, 83%, 25%, 1.0) 0%,
  hsla(204, 83%, 25%, 0.738) 19%,
  hsla(204, 83%, 25%, 0.382) 47%,
  hsla(204, 83%, 25%, 0.194) 65%,
  hsla(204, 83%, 25%, 0.075) 80.2%,
  hsla(204, 83%, 25%, 0.021) 91%,
  hsla(204, 83%, 25%, 0.002) 98.2%,
  transparent 100%
 );content:'';position:absolute;left:100%;top:0;bottom:0;width:60px;z-index:1;pointer-events:none;}

.map-content__inner{margin:auto;border-right:1px solid rgba(255,255,255,0.5);padding-right:var(--wp--preset--spacing--30);}


@media (max-width: 767px) {
  .block-custom-map{display:block;}
  .map-content{padding:var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--30) ;}
  .map-content__inner{border-right:none;padding:0 0 var(--wp--preset--spacing--30) 0;}
  .map-content:after{left:100%;top:100%;bottom:auto;left:0;right:0;height:40px;width:100%;background:linear-gradient(to bottom, #0b4c76, transparent );}
  
 .acf-map{ min-height:80vh;}
}