.text-hide class, we can replace an element’s content with a background image.
Syntax
<element class = "text-hide" style = "background-image: url('Specify URL of image here');"> </element>
<html> <head> <!-- Link Bootstrap CSS and JS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"> </head> <body> <h1 class="text-hide" style="background-image: url('logo.jpg'); background-repeat: no-repeat; width: 500px; height: 500px; "> BAJARANGI SOFT </h1> </body> </html>