Multi-image Nav background (Code snippet/ Layout)

Disclaimer: you can replace all the images n stuff, i used stamps from tumblr and a red overlay (which you can also alter)

Also im posting this on my blog cuz you can't post new layouts rn (bug)

Layout:

<style>

nav .top {

    width: 810px;

    height: 300px;

    margin-top: 10px;

    border: 4px solid;

    background-image: url();

    background-size: 100% 180%;

    background-position: center;

    filter: saturate(2.5);

}

nav .links, footer .links {

    margin: 0;

    list-style: none;

    height: 45px;

    align-content: center;

    border: 2px black solid;

    /*border-image: url() 7 / 10px round;*/

    <ul class="links" style="

     .double-border {

     border: 4px yellow solid;

     }

     .double-border:

    before {

     border: 4px pink solid;

     }

">

}

.profile-info {

    border: 2px solid rgba(0, 0, 0, 0.7);

    display: flex;

    align-items: center;

    justify-content: center;

    height: 24px;

    padding-bottom: 0px;

    padding-top: 0px;

    padding-left: 0px;

    padding-right: 0px;

    margin-bottom: 0px;

}

.col.w-40 {

    width: 30%;

}

.div1 {

    border: 3px soild;

    border-color: red;

}

nav .links{

     background-image: url(https://64.media.tumblr.com/17927ec83177285841328c185505f687/94fde0f030f22053-49/s100x200/5bcc460e520f397d7bc8c4a861f1d51722b38d4c.pnj), url(https://64.media.tumblr.com/101c6577eb68f6fdae02dd57e20b6b5d/94fde0f030f22053-94/s100x200/53fbae0640cf0d45ee7794318cc54d45a741edce.pnj), url(https://64.media.tumblr.com/a3f54803dd8770cf6d06d2de8e05b3f2/62fa2fa6a73a649d-ff/s100x200/fcd10872b48d82ff494cee2de5fb3f2cfa898bbb.pnj), url(https://64.media.tumblr.com/73f1698d2b379520bc0e3147f812d608/3347c16333dd2347-d4/s100x200/0caa3c85d235eda24d9e51fc1a9220fe2aa32d1f.pnj), url(https://64.media.tumblr.com/a64280bc62f6c809037a15e00bdcac5c/67e8e56a4c66369c-62/s100x200/6e683ef838903ee025b666a77533c61207f62b42.pnj), url(https://64.media.tumblr.com/5deebd0bdca0b0cd9ff528fbcd53d6b4/62fa2fa6a73a649d-5d/s100x200/adc82a9bc9907db069f8f9d0ce3cff04143782b7.gifv), url(https://64.media.tumblr.com/5d8b780cf00c6e248220d6dea032d854/ee11a54a88b1caad-1c/s100x200/5c146de61c89b0a00a7d830a994244075e43632e.webp), url(https://64.media.tumblr.com/d52e8e08f883de07de2fcf77a31c684b/eed262c3dd030bba-37/s100x200/a7bf62d66978978f46cd6e46dcd1255deb63368b.pnj), url(https://64.media.tumblr.com/e5bea7935684e18e59d982babffba3a2/2af04249180374e0-04/s100x200/b1fa20c031a72af5437f225845cdd519a3d63d4f.jpg); 

    background-position:calc(100% - -20px), calc(100% - 74px), calc(100% - 160px), calc(100% - 250px), calc(100% - 340px), calc(100% - 434.6px), calc(100% - 530px), calc(100% - 626px), calc(100% - 722px);

    background-repeat: no-repeat;

    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;

    background-color: #d31a1a;

    background-blend-mode: luminosity;

}

ul {

    padding-left: 20px;

}

</style>