Aligner ses <div> parfaitement

Bonjour à tous
Je suis entrain d'essayer de développer un site et je bloque sur deux problèmes:
1- j'ai crée une page avec 4 div, comprenant une image et un texte dessus, côte à côte cependant je n'arrive pas a les positionner parfaitement de façon a ce qu'il y ai le mêm écart entre chacun



2- Je dispose de deux écrans et lorsque que je passe d'un écran à l'autre, m'alignement n'est plus le même

Ecran 1:

Ecran 2:

Voici mon code
HTML:

CSS:

Merci d'avance
Bonne journée