:root {
  --default-font: "Poppins";
  --heading-font: "Poppins";
}

body {
    font-family: var(--default-font);
    font-family: var(--heading-font);
}

.container-galery {
    display: flex; /* Makes the container a flex container */
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    justify-content: space-around; /* Distributes space around items */
    gap: 10px; /* Adds space between items */
}

.item {
    flex: 1; /* Allows items to grow and shrink, taking up equal space */
    padding: 10px;
    text-align: center;
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .item {
        min-width: 100%; /* Items take full width on smaller screens */
    }
}