AÑADO
Tu código inicialmente es este:
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4"><img src="https://ibb.co/eFmGHA" alt="image"></div>
<div class="col-lg-8 col-md-8 col-sm-8 about_desc">
<h3 class="black-color mar_btm30">Nuestra <span class="lytgreen-head">Historia</span></h3>
Luego, quité todas las clases que tenía tu imagen y la moví dentro del div
que usas para el texto. Hecho esto, apliqué dentro de la etiqueta de imagen la clase img-responsive
(la cual es "nativa" de Bootstrap).
Quedando la modificación así:
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-8 about_desc">
<img src="https://image.ibb.co/bC4dfV/about-img.jpg" alt="image">
<h3 class="black-color mar_btm30">Nuestra <span class="lytgreen-head">Historia</span></h3>
Ahora, para que todo funcione debes aplicarle a esa imagen en particular la propiedad float:left
(los márgenes son opcionales).
Ya queda a decisión tuya cómo aplicarle esa propiedad, si con un ID
o dentro de la etiqueta con un style
. Si optas por la segunda forma, se vería así:
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4"><img style="float: left;" src="https://ibb.co/eFmGHA" alt="image"></div>
<div class="col-lg-8 col-md-8 col-sm-8 about_desc">
<h3 class="black-color mar_btm30">Nuestra <span class="lytgreen-head">Historia</span></h3>