A simple reflect effect with SVG

HTML

<svg width="100%" height="100%" viewbox="0 0 200 200">

    
    <g transform="translate(0 299) scale(1 -1)" mask="url(#myMask)">
        <use xlink:href="#myObject" y="100" />
    </g>
</svg>

CSS

body{
    background-color: #FFC;
}

svg {
    display: block;
}