My goal is to place an image below a block of text when viewed on a mobile device, but currently, the image is covering the text.
Here is how it appears on desktop:
[![enter image description here][1]][1]
This is the current mobile view (the image is overlapping the text):
[![enter image description here][2]][2]
Here is how I want it to look:
[![enter image description here][3]][3]
The idea is to have the image positioned between the text and the button. I have attempted to use 'display:block' - my thought was that if it's considered a separate element, it will automatically appear after the text, but it hasn't worked.
Any assistance would be highly appreciated.
<script src="https://static.hsstatic.net/jquery-libs/static-1.1/jquery/jquery-1.7.1.js"></script>
<script type="text/javascript">hsjQuery = window['jQuery']</script>
<link href="https://static.hsstatic.net/content_shared_assets/static-1.4049/css/public_common.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//cdn2.hubspot.net/hub/-1/hub_generated/template_assets/1495141902003/hubspot_default/shared/responsive/layout.min.css" rel="stylesheet">
...