img fluid css code example

Example 1: bootstrap class align center image

class="mx-auto d-block"

Example 2: tint image css

.tinted-image {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* your image */
    url(image.jpg);
}

Example 3: img-fluid bootstrap

<img class="img-fluid" src="" alt=""> //This will make your image responsive