#firstpic { height:30%; width:35%;}
#secondpic { height:45%; width:30%;}
#thirdpic {height:30%; width:30%;}
#fithpic {height:30%; width:35%;}
#credits1 { top:200px; left:20px; right:270; font-family: monospace; font-size:10px; color:#000; z-index:999; background-color:#fff; opacity:100; }
#credits2{ top:0px; left:20px; font-family: monospace; font-size:10px; color:#000; z-index:999; background-color:#fff; opacity:100; }
#credits3 { top:0px; left:20px; font-family: monospace; font-size:10px; color:#000; z-index:999; background-color:#fff; opacity:100; }
#credits4 { top:0px; left:20px; font-family: monospace; font-size:10px; color:#000; z-index:999; background-color:#fff; opacity:100; }
#credits5 { top:0px; left:20px; font-family: monospace; font-size:10px; color:#000; z-index:999; background-color:#fff; opacity:100; }
#credits6 { top:0px; left:20px; font-family: monospace; font-size:10px; color:#000; z-index:999; background-color:#fff; opacity:100; }
.custom-list {
  list-style-image: url('https://codecraftworks.dev/web/QekChF1gL47jc6A2tOB7/assets/imageedit_3_5568493543.png');
} /* bullet point graphic*/