Related media heading sizes different in audio/image pages

[obulat]

Problem

The Related images uses a Heading 5 for screens above md and the Related audio always uses a Heading 6. These both should probably be Heading 5 above md, @fcoveram ?

Additional context

First reported by @zackkrida : https://github.com/WordPress/openverse/pull/3831#discussion_r1509533709

This issue is blocked because it needs input from @fcoveram

Changes necessary

https://github.com/WordPress/openverse/blob/868d764a619c187cee1a3d841502128dc571b80c/frontend/src/components/VMediaInfo/VRelatedMedia.vue#L15-L16

Should be changed to

class="heading-6 mb-6 md:heading-5"

The visual regression test snapshots will probably need to be updated. Here's the documentation on the update procedure: https://docs.openverse.org/frontend/reference/testing_guidelines.html#debugging

[fcoveram]

Yes, you are right. Heading 5 for screens above md in both pages.

[Mang0codes]

Hi! I would like to work on this.

[obulat]

Hi @Mang0codes ! Please go ahead, I'm going to assign the issue to you.