EDIT: Add media & revise content - CSS Overflow

[Jamesllllllllll]

Description

Added media to demonstrate the CSS overflow property.

I added an image with three <div> elements, each having a different overflow property.

Updated code snippet

I changed the example code snippet to demonstrate the CSS overflow propertiy applied to a <div> rather than a <p> element because overflow applies to block-level elements, and the <p> element is inline by default.

It would be correct if display: block was also applied, but I changed it to a <div> for simplicity and to reflect my image with examples.

Revised meta description and some entry content

• The meta description was just a copy of the introductory paragraph, bullet list, and even part of the code snippet. I shortened the description to be more concise.
• Changed the introductory paragraph to include that overflow is a shorthand property, and which properties it represents (overflow-x and overflow-y)

Issue Solved

Closes #4415

Type of Change

• Editing an existing entry (adding media and updating content)

Checklist

• All writings are my own.
• My entry follows the Codecademy Docs style guide.
• My changes generate no new warnings.
• I have performed a self-review of my own writing and code.
• I have checked my entry and corrected any misspellings.
• I have made corresponding changes to the documentation if needed.
• I have confirmed my changes are not being pushed from my forked main branch.
• I have confirmed that I'm pushing from a new branch named after the changes I'm making.
• I have linked any issues that are relevant to this PR in the Issues Solved section.

[avdhoottt]

Excellent changes @Jamesllllllllll. The image is too good, thanks for adding it. PR is ready for the second review.