ckground-color: #F4D06F">

<div class="main">
   <div class="heading">
     <h2 class="card-title">Hover over image Effects</h2>
     <p class="card-text">Hover the mouse over the <br>image to see the effect</p>
   </div><br>


<div class="container">
  <div class="row">
    <div class="card col-md-6 col-sm-12 col-lg-4">
  <img src="avatar2.png" alt="Avatar" class="image">
     <div class="overlay">
        <div class="main">
            <p>Hello Everyone Connect with me<p><br>
            <a href="#" class