How to position text over an image in css

Answer 1

A small and short way of doing the same

HTML

     

        
Heading 3
        
Heading 5
     

CSS

.image {
        position: relative;
        margin-bottom: 20px;
        width: 100%;
        height: 300px;
        color: white;
        background: url('../../Images/myImg.jpg') no-repeat;
        background-size: 250px 250px;
    }