@steventoben
Posted
For your question: for the top left img style it with left: 0; top: 0; transform: translate(-50%,-50%); and do the similar thing for the bottom right one, right: 0; bottom: 0; transform: translate(50%, 50%); make sure they're both absolute positioned and that should lock their centers at the corners of the viewport. Make sure you add overflow: hidden; to the body or wrapper so you don't have the images hanging off the page causing it to scroll.