Hmm the simplest way to add it,if you have the post in the centre of a section, is have a div also in the centre, with a paper background image that then has your information inside that div?
so
html
<div class="post">
<div class="poster">
This is a hoodlem !
</div>
</div>
css:
.post{
background-image: URL("post-image.png");
background-repeat: no-repeat;
background-position: centre;
width: 600px /* random hight and width as example*/
height: 800px;
}
.poster{
background-image: URL("posterbackground-image.png");
background-repeat: no-repeat;
background-position: centre;
margin: auto;
width: 400px;
height: 500px;
padding: 20px;
}
if you want multiple posters on the same board you could have:
html
<div class="post">
<div class="poster">
This is a hoodlem !
</div>
<div class="poster">
This is also a hoodlem !
</div>
</div>
css
.poster{
background-image: URL("post-image.png");
background-repeat: y-repeat;
background-position: centre;
display: flex;
flex-direction: column;
align-items: center;
}
.poster{
background-image: URL("posterbackground-image.png");
background-repeat: no-repeat;
background-position: centre;
width: 400px;
height: 500px;
padding: 20px;
}
haven't the tested the code but hopefully that thats the thing you were thinking of it could give you a place to look at :)?
edit: oops posted before finishing!