.tiles-container {
      display: flex;
      flex-wrap: wrap;
      max-width: 1200px; /* Ustaw maksymalną szerokość kontenera kafelków */
      margin: 0 auto; /* Wycentruj kontener kafelków na stronie */
    align-content: center;
    align-items: stretch;
justify-content: space-evenly
    }

.tile {
      position: relative;
      height: 100px;
      border: 0px solid #ccc;
      display: flex;
      margin: 20px;
      background-color: white;
      overflow: hidden;
      transition: background-image 0.5s ease-in-out;
    }

.tiles-containr img {
justify-content: space-evenly
}

.tile-name {
     font-weight: bold;
     color: black;
     text-align: center;
     /* Dopasuj wielkość tekstu do wielkości kafelka */
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     /* Wstawia "..." w przypadku, gdy nazwa jest zbyt długa, aby zmieścić się w kafelku */
    }