gistfile1.txt

    <script>

$(document).ready(function() {
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=108614122@N04&format=json&jsoncallback=?", function(data) {
        var target = "#flickr";
        for (i = 0; i <= 29; i = i + 1) {
            var pic = data.items[i];
            $(target).append("<a href='" + pic.link + "'><img src='" + pic.media.m + "' /></a>");
        }
    });
});

    </script>
    
    


@media only (max-width: 800px) {
    #flickr img {
        height: 10vh;
    }
}
#flickr {
    position: fixed;
    z-index: 0;
    width: 120%;
    list-style-type: none;
}
#flickr a {
    text-decoration: none;
    line-height: 0;
    padding: 0;
    margin: 0;
}
#flickr img {
    display: inline-table;
    height: 30vh;
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    animation: 3s flickrImg;
    transition: 1s all;
}
#flickr img:hover {
    transition: 1s all;
    -webkit-filter: none;
    filter: none;
}
@keyframes flickrImg {
    0% {opacity: 0}
}