This is my overlay text!

This is my overlay text!

So the 1st trick is to get the hero overlay text to align with this body copy - always - even at various widths. This isn't too bad if you remember to add in the padding that you removed to make the image full-screen in width. Consectetur, accusantium accusamus ullam nesciunt, eius facere quidem sapiente molestiae officia ea unde natus eum itaque, omnis porro vitae soluta qui deserunt.
Voluptates non quaerat vero delectus sunt perspiciatis animi dolore, odit veritatis optio, tempora adipisci consectetur iure ipsa sint? Hic non obcaecati est assumenda fugit quidem reiciendis, tempora nulla nobis. Expedita.
Eos aut quis, exercitationem consectetur autem! Blanditiis enim optio odio a voluptatem ab voluptate ut asperiores. Dicta nemo totam inventore eius nesciunt tenetur atque culpa tempore, sed deserunt in minima.
Ducimus aperiam minus quis impedit debitis dolorem ut quidem, voluptatum eius esse quod possimus deleniti illo inventore. Consectetur laborum at minus officiis, ea illo, officia, ut expedita dolore, ducimus fuga.
Est illum sed dolorem explicabo asperiores. Eius inventore, repudiandae magni earum quas placeat optio ab tempora asperiores reiciendis reprehenderit vitae voluptate aliquid quaerat assumenda labore qui vero nihil, omnis veniam?
Amet voluptate architecto corporis nemo, rerum sunt officiis illo id obcaecati unde? Mollitia obcaecati esse voluptatem doloribus, fugiat tenetur non voluptatibus repellendus nostrum. Accusantium aliquid, consectetur amet fugiat provident assumenda.
Veniam enim ratione ipsam sequi quaerat veritatis ad culpa tempora ducimus, iure recusandae provident, architecto molestias consequatur magni dolorum modi, explicabo quibusdam omnis ipsum. Repudiandae atque, quidem cum adipisci similique!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. The 2nd trick is deciding how to get the vertical spacing between the overlay text matching the padding of the content. Normal line-height (example on the right) will give extra vertical space on the bottom. The example on the left uses negative margins to try and mitigate this.Consectetur, accusantium accusamus ullam nesciunt, eius facere quidem sapiente molestiae officia ea unde natus eum itaque, omnis porro vitae soluta qui deserunt.
Voluptates non quaerat vero delectus sunt perspiciatis animi dolore, odit veritatis optio, tempora adipisci consectetur iure ipsa sint? Hic non obcaecati est assumenda fugit quidem reiciendis, tempora nulla nobis. Expedita.
Eos aut quis, exercitationem consectetur autem! Blanditiis enim optio odio a voluptatem ab voluptate ut asperiores. Dicta nemo totam inventore eius nesciunt tenetur atque culpa tempore, sed deserunt in minima.
Ducimus aperiam minus quis impedit debitis dolorem ut quidem, voluptatum eius esse quod possimus deleniti illo inventore. Consectetur laborum at minus officiis, ea illo, officia, ut expedita dolore, ducimus fuga.
Est illum sed dolorem explicabo asperiores. Eius inventore, repudiandae magni earum quas placeat optio ab tempora asperiores reiciendis reprehenderit vitae voluptate aliquid quaerat assumenda labore qui vero nihil, omnis veniam?
Amet voluptate architecto corporis nemo, rerum sunt officiis illo id obcaecati unde? Mollitia obcaecati esse voluptatem doloribus, fugiat tenetur non voluptatibus repellendus nostrum. Accusantium aliquid, consectetur amet fugiat provident assumenda.
Veniam enim ratione ipsam sequi quaerat veritatis ad culpa tempora ducimus, iure recusandae provident, architecto molestias consequatur magni dolorum modi, explicabo quibusdam omnis ipsum. Repudiandae atque, quidem cum adipisci similique!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, accusantium accusamus ullam nesciunt, eius facere quidem sapiente molestiae officia ea unde natus eum itaque, omnis porro vitae soluta qui deserunt.
Voluptates non quaerat vero delectus sunt perspiciatis animi dolore, odit veritatis optio, tempora adipisci consectetur iure ipsa sint? Hic non obcaecati est assumenda fugit quidem reiciendis, tempora nulla nobis. Expedita.
Eos aut quis, exercitationem consectetur autem! Blanditiis enim optio odio a voluptatem ab voluptate ut asperiores. Dicta nemo totam inventore eius nesciunt tenetur atque culpa tempore, sed deserunt in minima.
Ducimus aperiam minus quis impedit debitis dolorem ut quidem, voluptatum eius esse quod possimus deleniti illo inventore. Consectetur laborum at minus officiis, ea illo, officia, ut expedita dolore, ducimus fuga.
Est illum sed dolorem explicabo asperiores. Eius inventore, repudiandae magni earum quas placeat optio ab tempora asperiores reiciendis reprehenderit vitae voluptate aliquid quaerat assumenda labore qui vero nihil, omnis veniam?
Amet voluptate architecto corporis nemo, rerum sunt officiis illo id obcaecati unde? Mollitia obcaecati esse voluptatem doloribus, fugiat tenetur non voluptatibus repellendus nostrum. Accusantium aliquid, consectetur amet fugiat provident assumenda.
Veniam enim ratione ipsam sequi quaerat veritatis ad culpa tempora ducimus, iure recusandae provident, architecto molestias consequatur magni dolorum modi, explicabo quibusdam omnis ipsum. Repudiandae atque, quidem cum adipisci similique!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, accusantium accusamus ullam nesciunt, eius facere quidem sapiente molestiae officia ea unde natus eum itaque, omnis porro vitae soluta qui deserunt.
Voluptates non quaerat vero delectus sunt perspiciatis animi dolore, odit veritatis optio, tempora adipisci consectetur iure ipsa sint? Hic non obcaecati est assumenda fugit quidem reiciendis, tempora nulla nobis. Expedita.
Eos aut quis, exercitationem consectetur autem! Blanditiis enim optio odio a voluptatem ab voluptate ut asperiores. Dicta nemo totam inventore eius nesciunt tenetur atque culpa tempore, sed deserunt in minima.
Ducimus aperiam minus quis impedit debitis dolorem ut quidem, voluptatum eius esse quod possimus deleniti illo inventore. Consectetur laborum at minus officiis, ea illo, officia, ut expedita dolore, ducimus fuga.
Est illum sed dolorem explicabo asperiores. Eius inventore, repudiandae magni earum quas placeat optio ab tempora asperiores reiciendis reprehenderit vitae voluptate aliquid quaerat assumenda labore qui vero nihil, omnis veniam?
Amet voluptate architecto corporis nemo, rerum sunt officiis illo id obcaecati unde? Mollitia obcaecati esse voluptatem doloribus, fugiat tenetur non voluptatibus repellendus nostrum. Accusantium aliquid, consectetur amet fugiat provident assumenda.
Veniam enim ratione ipsam sequi quaerat veritatis ad culpa tempora ducimus, iure recusandae provident, architecto molestias consequatur magni dolorum modi, explicabo quibusdam omnis ipsum. Repudiandae atque, quidem cum adipisci similique!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, accusantium accusamus ullam nesciunt, eius facere quidem sapiente molestiae officia ea unde natus eum itaque, omnis porro vitae soluta qui deserunt.
Voluptates non quaerat vero delectus sunt perspiciatis animi dolore, odit veritatis optio, tempora adipisci consectetur iure ipsa sint? Hic non obcaecati est assumenda fugit quidem reiciendis, tempora nulla nobis. Expedita.
Eos aut quis, exercitationem consectetur autem! Blanditiis enim optio odio a voluptatem ab voluptate ut asperiores. Dicta nemo totam inventore eius nesciunt tenetur atque culpa tempore, sed deserunt in minima.
Ducimus aperiam minus quis impedit debitis dolorem ut quidem, voluptatum eius esse quod possimus deleniti illo inventore. Consectetur laborum at minus officiis, ea illo, officia, ut expedita dolore, ducimus fuga.
Est illum sed dolorem explicabo asperiores. Eius inventore, repudiandae magni earum quas placeat optio ab tempora asperiores reiciendis reprehenderit vitae voluptate aliquid quaerat assumenda labore qui vero nihil, omnis veniam?
Amet voluptate architecto corporis nemo, rerum sunt officiis illo id obcaecati unde? Mollitia obcaecati esse voluptatem doloribus, fugiat tenetur non voluptatibus repellendus nostrum. Accusantium aliquid, consectetur amet fugiat provident assumenda.
Veniam enim ratione ipsam sequi quaerat veritatis ad culpa tempora ducimus, iure recusandae provident, architecto molestias consequatur magni dolorum modi, explicabo quibusdam omnis ipsum. Repudiandae atque, quidem cum adipisci similique!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, accusantium accusamus ullam nesciunt, eius facere quidem sapiente molestiae officia ea unde natus eum itaque, omnis porro vitae soluta qui deserunt.
Voluptates non quaerat vero delectus sunt perspiciatis animi dolore, odit veritatis optio, tempora adipisci consectetur iure ipsa sint? Hic non obcaecati est assumenda fugit quidem reiciendis, tempora nulla nobis. Expedita.
Eos aut quis, exercitationem consectetur autem! Blanditiis enim optio odio a voluptatem ab voluptate ut asperiores. Dicta nemo totam inventore eius nesciunt tenetur atque culpa tempore, sed deserunt in minima.
Ducimus aperiam minus quis impedit debitis dolorem ut quidem, voluptatum eius esse quod possimus deleniti illo inventore. Consectetur laborum at minus officiis, ea illo, officia, ut expedita dolore, ducimus fuga.
Est illum sed dolorem explicabo asperiores. Eius inventore, repudiandae magni earum quas placeat optio ab tempora asperiores reiciendis reprehenderit vitae voluptate aliquid quaerat assumenda labore qui vero nihil, omnis veniam?
Amet voluptate architecto corporis nemo, rerum sunt officiis illo id obcaecati unde? Mollitia obcaecati esse voluptatem doloribus, fugiat tenetur non voluptatibus repellendus nostrum. Accusantium aliquid, consectetur amet fugiat provident assumenda.
Veniam enim ratione ipsam sequi quaerat veritatis ad culpa tempora ducimus, iure recusandae provident, architecto molestias consequatur magni dolorum modi, explicabo quibusdam omnis ipsum. Repudiandae atque, quidem cum adipisci similique!