body{
 border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFaADAAQAAAABAAAAFQAAAAAIGxIOAAAAcUlEQVQ4EdVTWwrAIAyru/+dOzfIaMlfjAMF0bbkYakjInJu+3KT5mWwCFM4X8oWiCKVw+Z0TDOVuAei0wpLUqjVlTts41S5gLf0lEw4Ruof0kcFvSBFMdF6ukr+4c/p6TlOt39TcYII1kaKqmpiy/NvU1IZA3qnUCwAAAAASUVORK5CYII=") 10/  25px / 0 round;
    border-width:  200px;
    border-style:  solid;
    height:430px;
   background:#9F3E5D;
  font-family: "Georgia", Times, serif;
  padding:0;
 
  
}


.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 0px;
    margin:0;
    padding:0;
   
}
    
.div1 {
    grid-row: span 3 / span 3;
}

.div2 {
    grid-row: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 4;
}

.div3 {
    grid-column: span 2 / span 2;
    grid-row: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 1;
}

.div4 {
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 1;
}

.div5 {
    grid-row: span 3 / span 3;
    grid-column-start: 4;
    grid-row-start: 3;
}