width and height are used to shrink the image, and object-fit is used to have it cover the area without distortion. You can see the distortion that could've happened in the next image :)
max and min hights and width are set differently.
object-position is used to move the image to the bottom center.
this image is aligned to the right (align).
border is used to add a border and border radius rounds the corners of the image +bonus its purple cuz why not.
box-shadow is used to add the look of a shadow to the image.
opacity is used to make the image t r a n s p a r e n t *oooooh*.
filter: its monochrome now(grayscale)
filter: colors are inverted (invert).
filter: B R I G H T (brightness).
z-index so now its on top of this other one.
z-index so now its below this other one. didn't move the text so uhh the image is up there :\
