A CodePen by Dibakar Jana. Percentage sized and still centered - Translate() has to be used instead of negative top margin, because that is based on width which doesn't work.