JSFiddle - React, Tailwind, and code Playground

HTML

<div id="centre-pane">
    <div class="app-btn app-btn-1">
        <a href="l1.php"><img src="icon.png" />link text</a>
    </div>
    <div class="app-btn app-btn-2">
        <a href="l2.php"><img src="icon2.png" />link text</a>
    </div>
</div>

CSS

body, html {
    /*width: 2000px;*/
    width: 500px;
    overflow-x: hidden;
}

.app-btn 
{
    /*width:1000px;*/
    width: 250px;
    height:320px;

    position: absolute;
    border:10px solid black;
    border-radius: 50px;
    overflow-x: hidden;
}

.app-btn-1 {
    /*left: -500px;*/
    left: -125px;
    text-align: right;
}

.app-btn-2 {
    left: 100%;
    /*margin-left: -500px;*/
    margin-left: -125px;
}