As I work on my website, I am incorporating some decorative elements using SVG images, but I am aware that certain browsers may not support them properly. That's why I want to ensure I have a PNG fallback in place.
I am utilizing the :after pseudo-element to add the decoration. Will this method be adequate to implement a PNG fallback?
.section header h3:after {
content: url("../images/ornament.svg");
content: url("../images/ornament.png");
width: 66px;
height: 33px;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -33px;
}