How to fix the script?

Question

JavaScript

There is such a script for random placement of pictures https://codepen.io/Afterlame/pen/gevJr (it is better to open the script in edge because there are no pictures)
I integrated it into the layout. I would like to make sure that the img does not go beyond the content block in which I placed them. Now they go beyond it, overlap the menu and scroll appears. How to implement it?

Answer 1

Something like this, I hope the train of thought is clear https://codepen.io/anon/pen/VQYjzP
If you do it as a plugin, then you need to define the main container once during initialization and if this is not the whole page, set position: relative because it’s not a fact, that the style will be specified in the layout initially, and so on.