Positioning within a grid

Just wondering how people position elements within css-grid cols/rows? I know you can align or justify elements, but I'm talking about more fine-grained than that. Say you want to start an element 'x' amount down from its starting row. For example the element in the above image spans 3 rows and is vertically centered, but I think it would look better positioned 10% down from its starting row I could use mt-[10%] on the element to have something a bit more reponsive to the page height, have a nested element with another grid covering all 3 rows, or something more silly, like using flex and a flex-basis of 90% and pushing the content to the end. None really feel right tbh, which is usually a good sign I've missed something obvious!