Notes

Doubts on Responsive webpage (image/text):
Normal html files runs on the browser is responsive but in magento admin panel - cms page/(wysiwyg editor) is not responsive.
Actual Image size : 1440 x 600
Actual Content : The quick brown fox jumps over the lazy dog
No. 1 : When the text typed below/above the image.
Result: Responsive (both image/text)
No. 2 : When the text placed over the image, - one or more different section on the single image.
Result: Contents jumps over the image
No. 3 : When i used the one or more images as an background in the div section with text, without mentioned the size of
height/width. (Even after using bootstrap/jumbotron script)
Result: In desktop view,
--- width - full size visible
--- height - half size visible (50% of image is not shown)
In mobile view,
---- portrait postion : width of images get cropped, height of the image is ok.
----- landscape view : height/width of the position is 95% is ok.(5% of images is not shown)
No. 4 : When i given the particular size of an background image (400x300).
Result: The image gets cropped (not the full image resized) and
the contents were not wrapped to its size.
No. 5 : When two images with text in two section one after another.
Result: Content is not so responsive
No. 6 : When i use one image as background image and more than one section of content/text in it.
Result: Non responsive
No. 7: When i use an image as a background, without mention any size.
Expected Result: The image should be appears on its own height/width

Finally, the position, margin, text alignment & etc..in desktop view, it should reflect on the mobile view without affecting the structures. (Overall content with images get resized based on devices width).