Как картинку разместить позади параграфа?

#html #css

Такой эффект хочу получить    





.client p{
    font-size: 9pt;
    font-family: 'Italic';
    font-weight: bold;
}

.coment{
    background: url(https://cdn1.savepice.ru/uploads/2017/11/1/03cf72290cca88cdbd8724270cb30430-full.png)
no-repeat;
}


/*End Client*/

            
Our Clients Say
            

            
Suspendisse sollicitudin velit sed leo. Ut

            pharetra augue nec augue. Nam elit agna,
 
            endrerit sit amet, tincidunt, viverra sed,
 
            nulla. Donec porta diam eu massa.
            
            
Quisque diam lorem, interdum vitae, dapibus

             ac, scelerisque vitae, pede. Donec eget tellus

              non erat lacinia fermentum. Donec in velit

               vel ipsum auctor pulvinar. 
               
                           Bradley Grosh,

                    Company Name
        
        




Получается вот так      


    

Ответы

Ответ 1

всего то надо было с padding-ОМ поиграть да height: 250px выставить как, благо подсказал
– vp_arth....



.client p{
    font-size: 9pt;
    font-family: 'Italic';
    font-weight: bold;
}

.coment{
height: 250px;
padding:30px;
    background: url(https://cdn1.savepice.ru/uploads/2017/11/1/03cf72290cca88cdbd8724270cb30430-full.png)
no-repeat;
   
    
}


/*End Client*/

            
Our Clients Say
            

            
Suspendisse sollicitudin velit sed leo. Ut

            pharetra augue nec augue. Nam elit agna,
 
            endrerit sit amet, tincidunt, viverra sed,
 
            nulla. Donec porta diam eu massa.
            
            
Quisque diam lorem, interdum vitae, dapibus

             ac, scelerisque vitae, pede. Donec eget tellus

              non erat lacinia fermentum. Donec in velit

               vel ipsum auctor pulvinar. 
               
                           Bradley Grosh,

                    Company Name
        


Ответ 2

уберите фиксированный height и добавьте background-size: contain;