Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz-

[Ikon]

Come mascherà -moz- rimane meno elastica di Google Chrome poi ho notato che non riesco a fare sparire una piccola sottolineatura nei link. Ho provato tutti i sistemi css ma risultati 0, riscrivendo anche parti di codice.
Poi un altro problema che mi ha dato lo stesso browser è nelle spaziature lettera manuali utilizzate come espediente grafico che non sono state prese mentre in Google Chrome si. Se qualcuno mi dà qualche consiglio.


Espediente grafico lettere intagliate su fondo
<div class="container mb-4">
<div class="row justify-content-center ">
<div class=" col-sx-10 col-sx-offset-2 col-sm-8 col-offset-4 col-md-6 col-offset-6 "data-aos="fade-up" data-aos-offset="100"> <!--col-sm-8 col-offset-4 col-md-6 col-offset-6-->

<img class="img1" src="foto/scritta.png"/>
<style type="text/css">
.img1{width:100%;webkit-clip-path: url(#svgPath);moz-clip-path: url(#svgPath);
clip-path: url(#svgPath);background-attachment:fixed;index-z:300;
}

</style>



<div style="text-align:center;width:100%;position:flex;">
<svg>
<defs>
<clipPath id="svgPath">
<text
-moz-box-sizing="120%"
-webkit-box-sizing="100%"
-webkit-appearance="none"
box-sizing="120%"
-moz-align="center"
align="center"
font-width="210%"
y="40%"

width="100%"
textLength="102%"
lengthAdjust="spacing"
font-stretch="extra bolt"
font-family="Helvetica"
font-size="330%"
font-weight="900"
word-spacing="8px"
line-heigh="60px"
font-weight="950"
>GIOVANNI</text>

Questo solo in moz

Saluti e un grazie comunque