I don't want to add padding or inner margin. I want to reposition the image so that it's not cut off
Your image has position: absolute and width: 100%, height: 100%. So what this means it gets pulled out of the normal flow and will span the height and width of the first parent container that as position; relative. Thats why the image is cut off because it does not take in account the ratio if the image/video but the 'ratio' of the parent container. Also thats why changing the height and width in the settings of the photo does not work.
