How to link different contents together and display the linked content on the same page? I am fairly new to Drupal and would need some help.

on my site I have to show a few images (A - B - C - D ) created by a content type X.

Each of these images will link to a different content Type Y ( 1 - 2 - 3 - 4 ).

So when I click on A , the content 1 should show below it. Same for content B -2 , C -3, D-4.

I am not sure how to achieve such a result and what are the tools to use.

Thank you for your help.
Images are just media assets on a site. By which I mean you're relating something specific in X to another thing in Y -- you could just as easily relate content titles.

You likely want to either relate things together using Tagging via Taxonomies. Taxonomies can also have associated images for example. Or, you want to relate content around with relationships:


Entity Reference
Relation


Without a concrete mocked-up example with wireframes and in-depth explaination of requirements .... good luck.