what am I missing to keep the squares moving from one side to the other?

Question

<svg width="1000" height="250">
<rect width="150" height="150" fill="orange">
<animate attributeName="x" from="0" to="250"
dur="3s"/>
<animate attributeName="x" from="250" to="0"
dur="3s"/>
</rect>
</svg>

Answer 1

Then add the reverse animation and dxo repeatCount as a whole

Answer 2

https://code.sololearn.com/WfZ2u6uYpk6n/?ref=app

Answer 3

I want it to bounce, not reset the position