SVG fill:remove???

Hi

I have an animation that I want to remove a few seconds after it is finished the animation.
So I want it to be there a few seconds longer then the duration.

I can not use fill:freeze and then set it to hidden as this interfers if reset is pressed and the animation does not occur again. So at the moment I can using fill:remove.

Can anyone please help me if they know how I can keep the animation showing for a few seconds longer after the duration.

My code is as follows:
<rect id="flood1" x="700" y="99" width="300" height="0" style="stroke:black; fill:blue; stroke-width:0">
<animate id='animtion_flood1' attributeName="height" from="0" to="501" begin="runTap.click" dur="5" fill="remove" />
</rect>

Thank you,
Kind Regards

Use keyTimes or with set for visibility

<rect id="flood1" x="700" y="99" width="300" height="0" style="stroke:black; fill:blue; stroke-width:0;visibility:hidden">
<set attributeName="visibility" to="visible" begin="runTap.click" fill="freeze"/>
<animate id='animtion_flood1' attributeName="height" from="0" to="501" begin="runTap.click" dur="5" fill="remove" />
<set attributeName="visibility" to="hidden" begin="animtion_flood1.end + 3" fill="freeze"/>
</rect>

Michel