section2 images are not being displayed on Firefox Browsers

[nathanbiller]

Both Chrome and Safari correctly show these SVG icons, but when Firefox renders they're missing.

[edwardch]

@nathanbiller this seems to be the svg file (really large) that needs to have its size specified.
For reference I used a 150px .png file and it displayed fine.

I fixed this by editing the //Icon box in _sections.scss

//Icon box
.media.icon-box {
    border-top: none !important;
    .media-content .content p {
        span {
            display: block;
        }
        .icon-box-title {
            color: $blue-grey;
            font-size: 1.2rem;
            font-weight: 600;
        }
        .icon-box-text {
            color: $title-grey;
            font-size: 1rem;
            font-weight: 400;
        }
    }
    // Add this here
    img {
        height: 150px;
        width: 150px;
    }
}

hth

[jkirk]

FWIW: And if you remove the icons (from section2.features in hugo.yml) "broken" images are displayed (/images/illustrations/icons/%25!s%28%3cnil%3e%29.svg). It would be nice, if the section can also be shown without images.