diaries crd containers

#container01 {
border-radius: 30px;
height: 18em;
background-image: linear-gradient(90deg, rgba(255,255,255,0.54) 0%, rgba(255,255,255,0) 100%), url("link");
background-position: center;
background-size: auto;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
}

#container02 {
width: 13em;
height: 1.5em;
border-radius: 20px 20px 0px 0px;
border-top: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
background: white;
z-index: 3;
position: absolute;
bottom: 3.5em;
left: 13.5em;
}

#container03 {
border-radius: 0px 0px 20px 20px;
border: 2px solid #000;
background: white;
width: 13em;
height: 6.5em;
z-index: 3;
position: absolute;
bottom: -3em;
left: 13.5em;
}

#container04 {
height: 14em;
width: 11.3em;
background: linear-gradient(180deg, #000 55%, #fff 100%);
border: 4px double #000;
border-radius: 0px 50px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
position: absolute;
bottom: 1em;
right: 11.5em;
}

#container05 {
background: linear-gradient(180deg, #000 55%, #fff 100%);
height: 11em;
width: 9.5em;
border: 4px double #000;
border-radius: 50px 0px;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
position: absolute;
bottom: 4.2em;
left: 12.3em;
}