is there anyone who can help me in combining 2 half images of the logo (3D objects) into a single logo? & text became fadein/slide-in when logo split on hover effect.
here is the code
<body>
<!-- section 3 start -->
<div class="container-fluid ">
<div class="row" id="sec3">
<div class="col text-white services">
<h1>Our Services</h1> <br>
<h4>Buy & Sell </h4>
<p style="margin-left: 0%;">Discover the new opportunities and <br>
a new path towards success.</p> <br>
<h4>Rental</h4>
<p style="margin-left: 0%;">Discover the new opportunities and a new <br>
path towards success</p><br>
<h4>Property Management</h4>
<p style="margin-left: 0%;">Discover the new opportunities and a new path <br>
towards success</p> <br>
<h4>Investment management</h4>
<p style="margin-left: 0%;">Discover the new opportunities <br>
and a new path towards success.</p> <br>
<h4>Real Estate Advice</h4>
<p style="margin-left: 0%;" id="fifth_text">Discover the new opportunities and a new <br>
path towards success</p>
</div>
<div class="col" id="aSide"><model-viewer src="images/Split_logo.glb" alt="Baksh Logo" ios-src="images/Split_logo.glb"></model-viewer></div>
</div>
</div>
<!-- section 3 end -->
</body>
</html>