How to make a responsive email?

Question

HTML

There is a letter. An image with text inside. Is it possible to compose such a template adaptively for mozila, safary, opera, chrome browsers? Thanks in advance for your advice. There may be good resources

Answer 1

There are rules for layout of e-mails. These rules are extremely strict, and layout options are severely limited. It is necessary to typeset EXCLUSIVELY on tables. The example above shows ignorance of the answering material.
The answer to your question is most likely you can. Most likely, due to the fact that it is not clear which picture is the background.
Explore at your leisure:
https://habrahabr.ru/post/252279/
https://habrahabr.ru/company/pechkin/blog/255819/

Answer 2

<div style="width:100%; min-height:300px; background: #fff url(урл/картинки) no-repeat 50% 50%; background-size:cover;">
<p>Текст</p>
</div>

What is the problem?

Answer 3

1
2
+ on Habrahabr there are already a lot of manuals on cross-mail and adaptive letters