JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="Home">
        <img src="https://www.gravatar.com/avatar/4ee102e4ae1b9ab69077f7c471365f69?s=128&d=identicon&r=PG&f=1" alt="Main div">
    </div>
    <div id="Left">
        <img src="https://www.gravatar.com/avatar/4ee102e4ae1b9ab69077f7c471365f69?s=128&d=identicon&r=PG&f=1" alt="Left div">
    </div>
</body>

CSS

/*You can see the pictures. I want the left picture to stay near the centered one.*/
body {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding: 0px;
    margin: 0px;
    background: #000000;
}
#Home img, #Left img { width: 256px; height: 256px; }

#Home {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -128px;
    margin-left: -256px;
    width: 256px;
    height: 256px;
}
#Left {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -128px;
    margin-left: 0;
    width: 256px;
    height: 256px;
}