.interactive-points-container {
display: grid;
grid-template-columns: repeat(5, 1fr); /* 5 punktów w każdym rzędzie */
gap: 10px;
margin: 20px;
}

.interactive-point {
width: 50px;
height: 50px;
background-color: #3498db;
border-radius: 50%;
transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
cursor: pointer;
}

.interactive-point:hover {
transform: scale(1.5); /* Zwiększenie rozmiaru po najechaniu */
background-color: #e74c3c; /* Zmiana koloru tła po najechaniu */
}