<figure class= "photo">
        <img src="1.jpg"
            alt="1">
    <figcaption>
        Pierwsze zdjęcia
    </figcaption>
    </figure>
    <figure class= "photo">
        <img src="1.jpg"
            alt="1">
            <figcaption>
        Pierwsze zdjęcia
    </figcaption>
    </figure>

    <figure class= "photo">
        <img src="2.jpg"
            alt="1">
            <figcaption>
        Pierwsze zdjęcia
    </figcaption>
    </figure>

    <figure class= "photo">
        <img src="2.jpg"
            alt="1">
    <figcaption>
        Pierwsze zdjęcia
    </figcaption>
    </figure>




.photo {
  margin: 10px 0;
  width: 320px;
  background: white;
  padding: 10px;

  border-radius: 5px;
  border: 1px solid silver;
  box-sizing: border-box;

  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;


}

.photo img {
  flex-basis: 100%;
  width: 300px;

}