Как создать кнопку события в теге фонового объекта

Question

Я хотел бы создать кнопку html с SVG-анимацией в фоновом режиме, с меткой и стилями CSS Я получаю интересный эффект, но я не могу передавать события с Javascript тегу "<object"

https://codepen.io/jose-manuel-mateos/pen/WNrGWGy

<object  onclick="cambioslaider()" class="botoninicio" data="https://animacionesweb.online/animaciones/pecera.svg"></object>
     .botoninicio {
                       color: #ffffff;
                     border-radius: 18px;
                    background: #303030;
                    width:100px;
                    height:50px;
                    cursor: pointer;
                        margin:3px;
                 background: #303030;
                border: 2px solid #0016b0;
                }    ```   


                function cambioslaider(){
                    console.log("me llaman");
                    alert("me llaman");

                }