Fix scrset isseu for lazy load images in eshop category listing

I need to fix/set scrset and sizes attributes for category page listing - depends on screen size, there could be 2, 3 or 4 columns listed, columns have responsive width so 3 column at 500px width up to 480 - 2cols - width 480 to 768 3cols width 768 to 990 3cols width 990 to 1200 3cols + side menu width 1200 up 4cols + side menu so we need right width of image based on the column width at the moment we keep images of those widths 'big' => 500, 'small' => 112, 'middle' => 240, 'tile' => 264, 't269' => 269, 't436' => 436