JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mainBox">
<p>Paragraph</p>
<p>Paragraph</p>
<p><img src="file://D:/fonts/Grenn.jpg"/></p>
<p>Paragraph</p>
<p><img src="file://D:/fonts/Grenn.jpg"/></p>
<p><img src="file://D:/fonts/Grenn.jpg"/></p>
<p><img src="file://D:/fonts/Grenn.jpg"/></p>
<p><img src="file://D:/fonts/Grenn.jpg"/></p>
</div>
<div class="floatBox">
<p>Sample text for floating text across pages in all the scrollbars</p>
</div>

CSS

img {
    height: 250px;
    width: 250px;
}
.floatBox {
    position: fixed;
    right: 0;
    top: 35px;
    width: 150px;
    border: 4px solid #00DD00;
}