.instafeed-container {
    padding-left: 15px; /* Adjust as needed to match other columns */
}

.instafeed-container .footer_title {
    margin-bottom: 15px; /* Spacing between title and images */
}

#instafeed-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px; /* Adjust spacing between images */
}

#instafeed-grid .post-item {
    width: calc(25% - 7.5px); /* Four columns with a small gap */
    flex-grow: 1;
    position: relative;
    padding-top: calc(25% - 7.5px); /* Creates a perfect square ratio */
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px; /* Rounded corners */
}

#instafeed-grid .post-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Responsive adjustments for smaller screens, matching your Bootstrap classes */
@media (max-width: 992px) { /* Medium devices */
    #instafeed-grid .post-item {
        width: calc(50% - 5px); /* Two columns */
        padding-top: calc(50% - 5px);
    }
}

@media (max-width: 576px) { /* Small devices */
    #instafeed-grid .post-item {
        width: calc(50% - 5px); /* Two columns */
        padding-top: calc(50% - 5px);
    }
}