The pattern ことに is used to emphasize the speaker's emotional reaction to something before stating the fact or event that caused it. It translates naturally as "to my ~", "~ly enough", or "what is ~ is that…" in English.
The emotion or feeling word comes beforeことに, and the fact or event that triggered that feeling comes after it.
Because ことに emphasizes the speaker's feelings, it is most commonly paired with emotion-related adjectives and verbs: