/* Title styling */
.header h2 {
    font-size: 1.375rem;
    font-weight: bold;
    color: var(--primary-color);  /*dark grey easier on the eyes they say */
    padding: 0 .125rem;
    text-align: center; /* Center the text */
    line-height: 1.2; /* Adjust line height to reduce vertical spacing */
    margin: 0.5rem auto .5rem auto;
}

/* Updated Grid container for images */
.avy-image-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    justify-items: center;
    width: 100%;
    max-width: 53rem;
    margin: 0 auto;
}

/* Grid items */
.grid-item {
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    text-align: center;
    background-color: #f4f4f4;
}

/* Style for images */
.grid-item img {
    width: 17.5rem; /* Fixed width for grid items */
    height: 7rem; /* Fixed height for grid items */
    object-fit: cover;
    object-position: top;
    border-radius: var(--border-radius);
    display: block;
}

/* Responsive adjustments */
@media (max-width: 53rem) {    /* 838 px */
    .avy-image-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 37.5rem) {    /* 600 px */
    .avy-image-container {
        grid-template-columns: repeat(1, 1fr);
    }
}