create dynamic image grid based on images count in html and typescript

Question

Hi team,

i have a 5 images to display a grid based on below conditions using HTMl and Typescript

 

need to design a HTML page based on below conditions ,here i have attached zip file for reference

 

Basic Image 1,sample image 1  finally i need to show below format

basicimage.png

sampleimage.png

 

 

Basic Image 1,sample image 2 finally i need to show below format 

 

basic image.pn
sampleimg.png	sampleimg.png

 

Basic Image 1,sample image 3 finally i need to show below format  

 

basicimg.png	sampleimg.png
sampleimg.png	sampleimg.png

 

 

based on images count need to generate image layout using typescript