Correction : Pour les deux premières images il suffit de leur associer la classe bootstrap .img-thumbnail qui permet de dire que la taille de l'image s'adapte à la largeur de son conteneur (l'article) et qu'en plus un effet de vignette lui est appliqué.

...
<img src="images/700px-Campus_de_Grenoble.jpg" class="img-thumbnail" alt="campus UGA"/>
...

<img src="images/7Belledonne_Panorama_From_Biviers.jpg" class="img-thumbnail" alt="chaîne des belledonnes"/>

Pour l'image de Joseph Fourier la classe bootstrap .img-fluid permet de dire que la taille de l'image s'adapte à la largeur de son conteneur (l'article). La classe .rounded-circle indique que l'image est découpée selon une ellipse.

...
<src="images/490px-Joseph_Fourier.jpg" class="img-fluid rounded-circle" alt="Joseph Fourier"/>
...