/* images.css */

/* Afbeeldingen binnen de hoofdinhoud, NIET de slideshow */
/* Deze regel zorgt ervoor dat algemene afbeeldingen netjes schalen */
main img,
.about-me-image, /* Specificeer ook expliciet de about-me image */
.testimonial-image, /* Specificeer ook expliciet de testimonial image */
.process-step img, /* Als er afbeeldingen in process stappen zijn */
.portfolio-block img, /* De afbeeldingen op de portfolio overzichtspagina */
.gallery-item img, /* De afbeeldingen in de sub-galerijen */
img.page-image /* Algemene pagina afbeeldingen (e.g., over-mij.json) */
 {
  max-width: 100%; /* Maak deze max-width 100% i.p.v. 400px */
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Voor de lightbox afbeeldingen is er al aparte CSS in gallery-lightbox.css */
/* Voor de slideshow afbeeldingen is er aparte CSS in home.css */