body{
    background: rgb(0, 0, 0);
    max-width: 1000px;
    font-size: 20px;
    margin: 0 auto;
}

h1{color: #ffffff;
border-radius: 100px;
border:palegoldenrod

}

img {
    width: 1000px;
    pointer-events: none;
    
}

h2{text-shadow: 2px 6px red;

}

.d2 img {
    width: 869%;
    position: absolute;
    left: -521%;
    top: -513%;    
}
.d3 img {
    width: 882%;
    position: absolute;
    left: -364%;
    top: 9%;
}
.d4 img {
    width: 581%;
    position: absolute;
    left: -374%;
    top: -453%;
}
.container {
    position: relative;
}
.container summary{
    color: transparent;
    cursor: pointer;
}


.container .d1 {
    position: absolute;
    left: 22%;
    top: 47%;
}
.container .d2 {
    position: absolute;
    left:37% ;
    top: 45%;
}
.container .d3 {
    position: absolute;
    left:78% ;
    top: 53%;
}   
.container .d4 {
    position: absolute;
    left:92% ;
    top: 51%;
}