Trying to assign different collections inside of a collection page template

So, I designed a template page and called out the content (subject line, hero image, and body text) from a specific collection. So far so good!

Now, at the bottom of the page, (Related articles section) I want to call elements from other collections such as subject lines and hero images to be shown in designated places.

At this point, I am not sure how to properly connect the components inside the divs to other collections. Any help would be highly appreciated!

Here is a link where I go over the issue in a recorded video: https://www.loom.com/share/b1b814b0998d447c85c6080d50ef0267

Here is a link to the read-only project, please check out the ‘Article Collections Template’ CMS page at the bottom: https://preview.webflow.com/preview/colres?utm_medium=preview_link&utm_source=dashboard&utm_content=colres&preview=5efbb2c8ef9fd5ba21a807e11506d658&mode=preview

Thanks a bunch in advance!


Here is my public share link: LINK
(how to access public share link)