Cuando cambio el tamaño del navegador, aparece una delgada línea blanca en la parte superior del SVG. Si vuelvo a cambiar el tamaño de la página, desaparece. En ciertos anchos de página reaparece y desaparece. Cuando abro el archivo SVG solo, no veo ningún artefacto como ese. Cuando configuro el fondo SVG en algo loco como background: red , puedo ver que la línea blanca está dentro del SVG porque se vuelve roja, y no algún tipo de borde o artefacto creado por un div vecino. ¿Alguna idea de por qué podría ser esto? Hasta ahora solo he podido reproducirlo en Chrome y Microsoft Edge. Se ve bien en FF y Safari.
Esta es la página en la que se encuentra el SVG: https://striveworks.us/careers
aquí hay un ejemplo:
Su problema es con esto, si deshabilita el fondo a través de elementos de inspección, la línea desaparecerá, pero luego la parte inferior estará mal coloreada.
svg.careers__AnimatedCurveSVG-sc-1587ytp-2 hwGnAC.hwGnAC { background: rgb(244, 242, 246); }