section.wp-block-landing-generator-map { position: relative; background-color: #0E1851; margin: 50px 0 0; padding: 50px 0; } section.wp-block-landing-generator-map::before { content: ''; position: absolute; top: -2rem; left: 0; right: 0; width: 100%; height: 4rem; background-image: url("data:image/svg+xml,"); background-repeat: round; } @media screen and (min-width: 998px) { section.wp-block-landing-generator-map { padding: 70px 0; margin: 100px 0 0; } section.wp-block-landing-generator-map::before { top: -5rem; height: 11rem; } } section.wp-block-landing-generator-map .map_wrapper { position: relative; max-width: 1280px; margin: 0 16px; } @media screen and (min-width: 998px) { section.wp-block-landing-generator-map .map_wrapper { margin: 0 auto; } } section.wp-block-landing-generator-map .map_image-container { position: relative; width: 100%; } section.wp-block-landing-generator-map .map_image-container svg { display: block; margin-left: 45%; margin-right: auto; width: 100%; height: auto; transform: translateX(-50%); max-height: 998px; } section.wp-block-landing-generator-map .map_image-container svg g { transition: all .3s; transform-origin: center center; transform-box: fill-box; } section.wp-block-landing-generator-map .map_image-container svg g[filter]:hover { transform: scale(1.2); } section.wp-block-landing-generator-map .map_temoignages > .wp-block-heading { font-size: clamp(32px, 4vw, 60px); line-height: 1.2; margin: 0 0 32px; text-wrap: pretty; } @media screen and (min-width: 998px) { section.wp-block-landing-generator-map .map_temoignages >.wp-block-heading { margin: 0 0 80px; } }