images stuff

A cat — The width & height attributes can modify width & height of the image

A cat — max-width is max width for image, min-width is minimum width, same for max-height & min-height

A cat — object-fit sets how the content of an image should be resized to fit its container, here, the image is xxx. object-position sets the image's position in the container

A cat — border is border (its red here), and border-radius makes the corners round

opacity specifies the opacity/transparency of the image here

filter:blur blurs the image by the amount you specify

filter:brightness changes brightness of image by specified amount

filter:contrast changes contrast by specified amount

filter:grayscale makes the image in black & white by specified amount

filter:invert inverts the colors of the image

filter:sepia makes the image sepia by the specified amount

z-index: specifies the stack order (whether the image should be infront or behind other elements)

A cat — border is border (its red here), and border-radius makes the corners round

opacity specifies the opacity/transparency of the image here

filter:blur blurs the image by the amount you specify

filter:brightness changes brightness of image by specified amount

filter:contrast changes contrast by specified amount

filter:grayscale makes the image in black & white by specified amount

filter:invert inverts the colors of the image

filter:sepia makes the image sepia by the specified amount

z-index: specifies the stack order (whether the image should be infront or behind other elements)