Not sure if this 100% works for your case, but if you can put those divs in a container that is centered with absolute positioning relative to the page, then you can center the donut hole pretty easily. If s and translate values are constant, it would be something like this: