.ssm-related-recipes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 wide grid on desktop */
    gap: 20px;
}

.ssm-recipe-item {
    text-align: center;
}

.ssm-recipe-item img {
    width: 100%; /* Ensures the image takes up full width of the container */
    aspect-ratio: 1 / 1; /* Enforces a square aspect ratio */
    object-fit: cover; /* Ensures the image is cropped to fit the square */
    object-position: center; /* Centers the image within the square */
}

@media (max-width: 768px) {
    .ssm-related-recipes-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 wide grid on mobile */
    }
}