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 : #3831 (comment)

This issue is blocked because it needs input from @fcoveram

Changes necessary

openverse/frontend/src/components/VMediaInfo/VRelatedMedia.vue

Lines 15 to 16 in 868d764

	class="heading-6 mb-6"
	:class="results.type === 'image' ? 'md:heading-5' : 'lg:heading-6'"

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.