A problem with creating a gradient at the top of an image that doesn't overlap the image.

Hello. I have been online watching tons of videos, trying to find a solution to this problem, but it's eluded me. One of my clients is putting up a new fiberarts website gallery page. It will use the same page and image format as the other galleries. All the images in the other galleries have a small gray gradient at the top of the image, which I was able to easily add in an older version of Photoshop WITHOUT overlapping the image, although I can't remember how.

I now use Photoshop 2025. I have 26 new images to add to the new gallery, and when I try to add the same kind of gradient to the new images, it overlaps the top of the image. Is it no longer possbile to do the kind of gradient I did before? Or am I missing something. I'm going to try to attach images. If the images don't go through, you can see the kind of gradient I need in any of the website galleries:  [website removed as per forum guidelines]  Any help would be greatly appreciated. Thanks much.