Boucle et calc()

Bonjour ! J'ai deux petites questions à vous poser merci pour votre aide !

1) Je suis en train de coder un site pour mettre mes photos. J'ai des connaissances uniquement en html et css et je n'ai pas le temps d'apprendre le javascript ou autre pour le moment. En fait j'aimerais quand j'ajoute une photo dans le dossier spécifique qu'elle se mette dans la galerie du site. Donc je mets l'image comme ça : <img src="Image/1.jpg" class="img" alt="Error sorry"> Ma première question est : comment rajouter une image sur le site sans rajouter une ligne de code à chaque fois en changeant le numéro de l'image ?

2) Mes images sont disposées grâce à flexbox à raison de 3 images par ligne avec les alignements suivants : justify-content: space-around; align-content: space-between;
J'ai aussi une commande pour dimensionner la taille de mon bloc et mes photos font 200px de large. Ma deuxième question est une question de design : j'aimerais avoir 90px entre chaque ligne de 3 photos, comment automatiser le calcule de la taille du bloc en fonction du nombre de photo sans avoir à le changer à chaque fois. Le seul moyen que j'ai trouvé pour changer la taille du bloc c'est de cette manière : height = 200px * (nbr de photo)/3+90px le problème c'est que la valeur de (nbr de photo) je peux l'avoir qu'avec un count() mais je ne peux pas mettre cette commande dans le calc()...

Merci pour tout !!