.section1-title svg {
  position: absolute;
  width: 2.75em;   /* matches font-size of section1-title */
  height: 2.75em;  /* keeps it square */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.highlight-a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.75em;
  height: 2.75em;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

path {
    fill: rgb(220, 220, 220);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s, visibility 0.2s;
    stroke: rgb(220, 220, 220);
    stroke-width: 15;
    stroke-linejoin: round;
    stroke-linecap: round;
}

path.visible {
    opacity: 1;
    visibility: visible;
}

@media (max-height: 600px) {
    svg {
        display: none;
    }
}

@media (max-width: 600px) {
    svg {
        display: none;
    }
}