I've got something of the same problem.
I use a flip box with a front image and no text; that works fine. When I add an image to the back box, the links display below the picture, which isn't what I want. Here's my code:
<div id="FlipBox1" class="flip-box">
<div class="flip-box-inner">
<div class="flip-box-front">
<img src="images/Cindy Beale.jpg" height="250">
</div>
<div class="flip-box-back">
<img src="images/Old Man, Young Boy 1.jpg" height="250" width="250">
▣ <a href="https://photos.google.com/u/1/?pageId=none" target="_blank">Google Photos</a> 
▣<a href="https://www.writerduet.com/script/#VAV9I~***~branch=-" target="_blank">WD</a>▣
<a href="https://thebookofgnu.wordpress.com/#2025" target="_blank"><b>TBOG</b></a> ▣<br/>
▣ <a href="https://writer.zoho.com/writer/open/do60o409d2a739e3746b6a9157fab11da1104" target="_blank">FP Cont</a> ▣
<a href="https://writer.zoho.com/writer/open/v9zukb963f9094ed54072b965ea9b37485c4e" target="_blank">FP 2D</a> 
▣<a href="https://www.tumblr.com/" target="_blank">Tumblr</a> ▣<br/>
▣ <a href="https://writer.zoho.com/writer/documents" target="_blank">Writer</a> </a>▣<a href="https://www.temu.com/" target="_blank">Temu</a>▣
<a href="https://tvchix.com/myprofile.php" target="_blank">TVC</a> ▣
 <a href="https://www.mypovcams.com/" target="_blank">MPV</a> ▣</a><br/>
▣ <a href="https://writer.zoho.com/writer/open/v4310221bf655649a498db29494b655b274e7" target="_blank">UAIE</a> ▣<a href="https://mail.google.com/mail/u/0/" target="_blank">Maddie Mail</a> ▣ 
<a href="https://my.netnerd.com/login" target="_blank"><b><i><u>Netnerd</i></b></u></a> ▣<br/>
▣ <a href="https://www.spareroom.co.uk/content/myaccount/myaccount-index/" target="_blank">Spare Room</a> ▣
<a href="https://www.kinkyscloset.com/index.html" target="_blank">Kinky's Closet</a> ▣</div>
the website is https://myarea.mistergnu.uk/
Sorry this isn't an answer, just the same question restated. Please don't kill me x