docs: add warning sign what methods can interact with images or masks

Author: EscapedGibbon

docs/Features/Filters/Blur.md

@@ -2,6 +2,10 @@ import BlurDemo from './blur.demo.tsx'
 
 [Check options and parameters of blur method](https://image-js.github.io/image-js-typescript/classes/Image.html#blur 'link on github io')
 
+:::caution
+This method only works with images.
+:::
+
 Blur, also known as average blur or box blur, is a simple image processing technique used to reduce noise and smooth out images. It involves replacing the color value of a pixel with the average color value of its neighboring pixels within a specified window or kernel. This process effectively blurs the image and reduces high-frequency noise.
 
 Box blur is particularly effective in reducing [salt-and-pepper](https://en.wikipedia.org/wiki/Salt-and-pepper_noise 'wikipedia link on salt and pepper noise') noise (random black and white pixels) and minor imperfections in an image. However, it also leads to loss of finer details, so the choice of [kernel](../../../Glossary.md#kernel) size is important.

docs/Features/Filters/Derivative.md

@@ -3,6 +3,10 @@ import GradientDemo from './gradient.demo.tsx'
 
 [Check options and parameters of derivative method](https://image-js.github.io/image-js-typescript/classes/Image.html#derivativeFilter 'link on github io')
 
+:::caution
+This method only works with images.
+:::
+
 Derivative filter is a special case of a gradient filter, therefore it uses gradient algorithm. However, the key difference are the kernels used in this very algorithm. In ImageJS there are three distinguished kernels: [Sobel](https://en.wikipedia.org/wiki/Sobel_operator 'wikipedia link on Sobel kernel'), [Scharr](https://en.wikipedia.org/wiki/Sobel_operator#Alternative_operators 'wikipedia link on Scharr operator') and [Prewitt](https://en.wikipedia.org/wiki/Prewitt_operator 'wikipedia link on Prewitt kernel').
 
 <DerivativeDemo />

docs/Features/Filters/Gradient.md

@@ -6,6 +6,10 @@ import GradientDemo from './gradient.demo.tsx'
 
 [Check options and parameters of gradient method](https://image-js.github.io/image-js-typescript/functions/gradientFilter.html 'link on github.io')
 
+:::caution
+This method only works with images.
+:::
+
 Gradient filter or specifically[ a gradient-based edge detection filter](https://en.wikipedia.org/wiki/Graduated_neutral-density_filter 'Wikipedia link on gradient filter'), is an image processing technique used to highlight edges and boundaries within an image by emphasizing areas of rapid intensity change. The gradient filter operates by calculating the rate of change of pixel intensities across the image. When there's a rapid transition from one intensity level to another, [the convolution operation](../../../Glossary.md#convolution 'glossary link on convolution') captures this change as a high gradient magnitude value, indicating the presence of an edge. It's a fundamental step in various computer vision and image analysis tasks, such as edge detection, object recognition, and image segmentation.
 
 <GradientDemo />

docs/Features/Filters/Median.md

@@ -2,6 +2,10 @@ import MedianDemo from './median.demo.tsx'
 
 [Check options and parameters of median method](https://image-js.github.io/image-js-typescript/classes/Image.html#medianFilter 'github.io link')
 
+:::caution
+This method only works with images.
+:::
+
 [A median filter](https://en.wikipedia.org/wiki/Median_filter 'wikipedia link on median filter') is a digital image processing technique used to reduce noise in an image by replacing each pixel's value with the median value of neighboring pixels. It's particularly effective at removing ["salt and pepper"](https://en.wikipedia.org/wiki/Salt-and-pepper_noise 'Wikipedia link on salt and pepper effect') noise.
 
 <MedianDemo />

docs/Features/Filters/Pixelate.md

@@ -2,6 +2,10 @@ import PixelateDemo from './pixelate.demo.tsx'
 
 [Check options and parameters of pixelate method](https://image-js.github.io/image-js-typescript/classes/Image.html#pixelate 'github.io link')
 
+:::caution
+This method only works with images.
+:::
+
 [Pixelate filter](https://en.wikipedia.org/wiki/Pixelization 'Wikipedia link on pixelization concept') is a digital image processing technique used to reduce the level of detail in an image by replacing groups of pixels with a single, average color value. This creates a mosaic-like effect where the image appears to be composed of larger, blocky elements rather than fine details.
 
 <PixelateDemo />

docs/Features/Filters/and.md

@@ -1,5 +1,9 @@
 [Check options and parameters of and method](https://image-js.github.io/image-js-typescript/classes/Mask.html#and 'github.io link')
 
+:::caution
+This method only works with masks.
+:::
+
 `and` method performs a [logical conjunction](https://en.wikipedia.org/wiki/Logical_conjunction 'wikipedia link on logical conjunction') between bits of two masks.
 
 It works like this:

docs/Features/Filters/gaussianBlur.md

@@ -6,6 +6,10 @@ import GaussianBlurDemo from './gaussianBlur.demo.tsx'
 
 [Check options and parameters of gaussian blur method](https://image-js.github.io/image-js-typescript/classes/Image.html#gaussianBlur 'link on github io')
 
+:::caution
+This method only works with images.
+:::
+
 [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur 'Wikipedia link on gaussian blur') is a widely used image processing technique that smooths an image by reducing high-frequency noise and fine details while preserving the overall structure and larger features. It's named after the [Gaussian function](https://en.wikipedia.org/wiki/Gaussian_function 'wikipedia link on Gaussian function'), which is a mathematical function that represents a bell-shaped curve. Gaussian blur is often applied to images before other processing steps like edge detection to improve their quality and reliability.
 
 <GaussianBlurDemo />

docs/Features/Filters/grayscale.md

@@ -2,6 +2,10 @@ import GrayDemo from './grayscale.demo.tsx'
 
 [Check options and parameters of grayscale method](https://image-js.github.io/image-js-typescript/classes/Image.html#grey 'github.io link')
 
+:::caution
+This method only works with images.
+:::
+
 [A grayscale filter](https://en.wikipedia.org/wiki/Grayscale 'Wikipedia link on grayscale filter'), often called a black-and-white filter, is an image processing technique used to convert a colored image into a grayscale version. In a grayscale image, each pixel is represented by a single intensity value, typically ranging from 0 (black) to 255 (white), with various shades of gray in between. This process removes color information and retains only the brightness information of the image.
 
 <GrayDemo />

docs/Features/Filters/or.md

@@ -1,3 +1,9 @@
+[Check options and parameters of level method](https://image-js.github.io/image-js-typescript/classes/Image.html#level 'github.io link')
+
+:::caution
+This method works only with masks
+:::
+
 `or` method performs a [logical disjunction](https://en.wikipedia.org/wiki/Logical_disjunction 'wikipedia link on logical disjunction') between bits of two masks.
 
 It works like this:

docs/Features/Filters/subtract.md

@@ -1,4 +1,6 @@
-Method called `subtract` ,as the name suggests, takes another mask and makes a subtraction between each respective bit of the mask.
+[Check options and parameters of subtract method](https://image-js.github.io/image-js-typescript/classes/Mask.html#subtract 'github.io link')
+
+Method called `subtract`, as the name suggests, takes another mask and makes a subtraction between each respective bit of the mask.
 It works like this:
 
 ```ts
@@ -13,7 +15,7 @@ mask = mask.subtract(mask2);
 ```
 
 :::caution
-Masks must have the same size for compatibility reasons.
+Both masks must have the same size for compatibility reasons. Images must have the same size, channel number and bit depth.
 :::
 
 ### Parameters and default values