IMÁGNES CON BOOTSTRAP

Imágenes responsive

Las imágenes en Bootstrap responden con .img-fluid. Max-width: 100%; y height: auto; se aplican a la imagen para que se adapte al elemento principal.

Responsive image
Con borde redondeado
Con borde redondeado

Alinear imágenes

Flotante 1 Flotante 2 Flotante 3

Otro redondeado

'Picture'

Usando Picture
Modificar el ancho de pantalla y observar la bandera.