Background-Image fallback image

by sidonaldson

HTML

<span></span>

CSS

html, body, span {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
span {
    display: block;
    height: 300px;
    width: 300px;
    background-color: black;
    background-image: url("https://via.placeholder.com/300x300?text=Top Image"), url("https://via.placeholder.com/300x300?text=Failed To Load");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
}