soucis de code !! SOS !

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="619" height="330" viewBox="0 0 619 330">

<defs>
 <style type="text/css">
text {
font-family: Sacramento;
font-size: 35px;
font-weight: bold;
fill: red;
stroke: black;
stroke-width: 1;
}

#titre {
font-family: Sacramento;
font-size: 60px;
font-weight: bold;
fill: #2F0F00;
stroke: red;
stroke-width: 1;
}
</style>
</defs>

<text id="bandeau" filter = "url(#haloTexte)">

<tspan id="titre" x="50" dy="50">Un toit pour deux.</tspan>
<tspan x="50" dy="60" >Starring:</tspan>
<tspan x="50" dy="1.3em">Allaatkasik...</tspan>
<tspan x="50" dy="70">Co-starring:</tspan>
<tspan x="50" dy="1.5em">Kelsier Hammond</tspan>
<tspan x="50" dy="80">Une prod:</tspan>
<tspan x="50" dy="1.3em">Isthéric studio</tspan>

</text>

</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="619" height="330" viewBox="0 0 619 330">

<defs>
 <style type="text/css">
          @import url('https://fonts.googleapis.com/css?family=Bubblegum+Sans');
          @import url('https://fonts.googleapis.com/css?family=Sacramento');

@font-face {
font-family: 'uqammaqbold';
src: url('http://www.unitpanzersecurity.com/fonts/uqammaq_bold-webfont.woff2') format('woff2'),
url('http://www.unitpanzersecurity.com/fonts/uqammaq_bold-webfont.woff') format('woff'),
url('http://www.unitpanzersecurity.com/fonts/Uqammaq Bold.ttf') format('truetype');
}
          
svg {
display: block;
}

text {
font-family: Sacramento;
font-size: 35px;
font-weight: bold;
fill: red;
stroke: black;
stroke-width: 1;
}

#titre {
font-family: Sacramento;
font-size: 60px;
font-weight: bold;
fill: #2F0F00;
stroke: red;
stroke-width: 1;
}


#cadreColor {
animation-name: cadreColorTop;
animation-duration: 15s;
animation-iteration-count: infinite;
/* animation-fill-mode: forwards; */
}
@keyframes cadreColorTop {
0%    { stroke: #000000; }
20%   { stroke: #321A11; } /* tres fonce */
30%   { stroke: #4F1D0A; } /* fonce */
45%   { stroke: #6A2004; } /* moyen */
50%   { stroke: #822400; } /* clair */
55%   { stroke: #6A2004; } /* moyen */
70%   { stroke: #4F1D0A; } /* fonce */
80%   { stroke: #321A11; } /* tres fonce */
100%  { stroke: #000000; }
        }        
</style>


<filter id = "haloTexte" width = "150%" height = "150%">
        <feOffset result = "offOut" in = "SourceGraphic" dx = "3" dy = "5"/>
        <feColorMatrix result = "matrixOut" in="offOut" type="saturate" values="1" />
        <feGaussianBlur result = "blurOut" in = "matrixOut" stdDeviation = "20"/>
        <feBlend in = "SourceGraphic" in2 = "blurOut" mode = "normal"/>
</filter>

</defs>


<image x="0" y="0" width="619" height="330" xlink:href="../images/Palau-Guell_01.png" />

<rect id="cadreColor" x="0" y="0"   width="619" height="330" style="fill:none; stroke-width:8;" />
<rect x="7" y="7"   width="606" height="316" style="fill:none; stroke-width:1; stroke: #6F2503; stroke-opacity:1.0;" />


<text id="bandeau" filter = "url(#haloTexte)">

<tspan id="titre" x="50" dy="50">Un toit pour deux.</tspan>
<tspan x="50" dy="60" >Starring:</tspan>
<tspan x="50" dy="1.3em">Allaatkasik...</tspan>
<tspan x="50" dy="70">Co-starring:</tspan>
<tspan x="50" dy="1.5em">Kelsier Hammond</tspan>
<tspan x="50" dy="80">Une prod:</tspan>
<tspan x="50" dy="1.3em">Isthéric studio</tspan>

</text>

<animate
xlink:href="#bandeau"
attributeName="y"
begin="0s"
dur="16s"
from="340"
to="-500"
repeatCount="indefinite"
 />

</svg>