I see that the problem is due to the css class applied to
aside
.
aside{
position: absolute;
top: 290px;
right: 240px;
}
This is causing your text to overlap in lower resolution. Please apply appropriate css over here and remove position absolute. It should work after that.
Suggestion: Change to css of aside to:
aside{
float: right;
max-width: 100%;
width: 500px;
}