{"id":1502,"date":"2021-12-06T15:59:29","date_gmt":"2021-12-06T23:59:29","guid":{"rendered":"https:\/\/xyzcreativeworks.com\/?p=1502"},"modified":"2021-12-06T16:03:17","modified_gmt":"2021-12-07T00:03:17","slug":"overlap-images-using-css-grid-and-nextjs-image","status":"publish","type":"post","link":"https:\/\/xyzcreativeworks.com\/overlap-images-using-css-grid-and-nextjs-image\/","title":{"rendered":"Overlap images using CSS Grid and NextJS\/Image"},"content":{"rendered":"\n
This tutorial works regardless if you use NextJS’s Image component or just a regular img tag. <\/p>\n\n\n\n
But the genesis of this solution came from NextJS’s Image component not working well with the traditional position:relative\/absolute method.<\/p>\n\n\n\n