Mostrar texto cuando se hace en hover en una imagen

Texto hover

Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur..

<style> .list-group-item-action{ width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#fff0e2; width:auto; height:auto; padding:10px 20px;text-align:justify;border-right:6px solid red;border-left:6px solid red;border-radius:20px; } </style> <p class="list-group-item-action">Lorem ipsum dolor sit amet. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur..</p>

Background imagen 2

Modelo 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam tempor orci eu lobortis elementum nibh. Eget gravida cum sociis natoque penatibus. Libero enim sed faucibus turpis in eu. Amet justo donec enim diam vulputate ut pharetra sit. Ipsum consequat nisl vel pretium lectus quam id. Ultrices tincidunt arcu non sodales. Eu volutpat odio facilisis mauris sit amet massa vitae tortor. Sit amet dictum sit amet. Arcu ac tortor dignissim convallis

https://www.freeimages.com

Modelos de background-image (2)

Modelos de background-image (1)

modelo1Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Frames (1)

Frame1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam tempor orci eu lobortis elementum nibh. Eget gravida cum sociis natoque penatibus.

__________________________________________________

Frame 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit,

<style>.Zd9MXe{color:#202124;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:16px;line-height:20px;margin:0 0 4px;padding:0 16px;text-align:center}.Zd9MXe{padding:0;font-size:24px;line-height:32px;text-align:inherit} .pctrN{flex:1;margin-left:24px}.Zd9MXe{padding:0;font-size:24px;line-height:32px;text-align:inherit} .QdZIX{position:relative;background:#fff;margin:8px 0;padding:16px 0 0}.V8LgZd{position:absolute;top:0;right:0;padding:12px 20px 12px 12px;fill:#5f6368} .QdZIX{display:flex;background:none;border:1px solid #dfe1e5;border-radius:8px;margin:16px 15px;min-width:1000px;padding:16px} .JRFdWc{border-radius:8px;height:30px;margin:0 auto 16px;padding:6px 7px 7px 6px;width:20px}.JRFdWc{display:inline-block;margin:0;padding:12px 13px 13px 12px;vertical-align:top}.pctrN{flex:1;margin-left:24px}.Zd9MXe{padding:0;font-size:24px;line-height:32px;text-align:inherit} .n11rXc{background:#fef7e0;fill:#f9ab00} </style> <div class="QdZIX"><div class="JRFdWc n11rXc"><svg viewBox="0 0 24 24" focusable="false" height="32" width="32"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div><div class="pctrN"><div class="Zd9MXe"><p>Frame1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam tempor orci eu lobortis elementum nibh. Eget gravida cum sociis natoque penatibus.</p></div></div></div> </br> __________________________________________________ </br> <style>.frame2 { border-radius: 14px; box-shadow:2px 3px 5px #696969; font-size:36px; background: #0194ff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJ37pmU8UcN-TRELEiK2JEgCEeVnGPpCGujgTKqlgC1U4b3aHh78dqLHZng9vJ0po7R0lNtRrEDKIMTNEHlJuWfTTP78VSCdoAuv6M8pkVeDQqXaUWvYqKAYaG5CR74JC4t8RK6FiKfE/s0/codeview.png) top right no-repeat; border:1px solid #ccc; padding:12px 0 12px 122px; color:yellow; display:table; float:right; height:126px; margin:46px; width:655px; } </style> <p class="frame2">Frame 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, </p>

Textos con sombras

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusm..