secondary Logo on header

I am trying to have a secondary logo on the header in the middle, how can i do this with code?

Thanks!!

Clickable or non-clickable logo? And what is site url? We can help easier

And how about on mobile? Hide it or which position you want to add it?

clickable link to homepage, same as the logo on the right

on mobile it should be gone. only on web.
Here is the website link
https://plane-nonagon-zfhp.squarespace.com

pass: maye

You can add this code to Settings > Developer Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $('<a href="/" class="second-logo" target="_blank"><img src="https://cdn.pixabay.com/photo/2023/06/10/15/24/insect-8054262_1280.jpg" alt="second logo"/></a>').insertAfter('.header-display-desktop .header-title-nav-wrapper');
});
</script>
<style>
  .second-logo img {
    width: 50px;
}
.second-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
</style>

Replace Pixabay with your logo image url