body {
        background-image: url(bged.png);
        background-repeat: no-repeat;
        background-size: 100%;
}

@font-face {
    font-family: "NovaSlim";
    src: url("NovaSlim-Regular.ttf") format("truetype");}

@font-face {
    font-family: "Caslon";
    src: url("adobe-caslon-pro-italic.ttf") format("truetype");}

.image-container {
    position: relative;
    width: 100%;
    height: 500px;
}

.image1 {
    position: absolute;
    width: 50px;
    left: 90px;
    top:720px;
}

.image2 {
    position: absolute;
    top: 620px;
    left: 215px;
    width: 80px;
    display: block;
}
.image3 {
    position: absolute;
    opacity: 0;
    top: 300px;
    left: 1060px;
    transition: opacity 0.5s;
}

.image3:hover {
    opacity: 0.5;
}

.image4 {
    position: absolute;
    width: 150px;
    left: 700px;
    top: 360px;
    opacity: 0.9
}



.toggle-checkbox1 {
    display: none;
}

.trigger-image1 {
    display: block;
    cursor: pointer;
    width: 50px;
}

.target-text1 {
    position: absolute;
    display: none;
    top: 670px;
    left: 40px;
    color: antiquewhite;
    font-size: 20px;
    font-family: NovaSlim
}

#toggleText:checked ~ .target-text1 {
    display: block; 
}

.toggle-checkbox2 {
    display: none;
}

.trigger-image2 {
    display: block;
    cursor: pointer;
    width: 50px;
}

.target-text2 {
    position: absolute;
    top: 570px;
    left: 220px;
    display: none;
    font-family: NovaSlim;
    color: antiquewhite;
    font-size: 20px;
}

#toggleText2:checked ~ .target-text2 {
    display: block; 
}

.image5 {
    position: absolute;
    left: 910px;
    top: 376px;
    width: 60px;
}

.image6 {
    position: absolute;
    width: 70px;
    top: 670px;
    left:1200px
}

.image7 {
    position: absolute;
    width: 50px;
    top: 615px;
    left:537px
}

.image8 {
    position: absolute;
    width: 25px;
    top: 505px;
    left:585px
}

.image9 {
  position: absolute;
  width: 50px;
  top: 525px;
  left: 740px;
  opacity: 0;
}

.toggle-checkbox3 {
  display: none;
}

.trigger-text3{
  position: absolute;
  display: block;
  cursor: pointer;
  width: 110px;
  left: 700px;
  top: 99px;
}

#toggleImage3:checked ~ .image9{
  opacity: 0.75;
}

.container3 {
    position: absolute;
    color: antiquewhite;
    font-size: 17px;
    font-family: Caslon;
    width: 100%;
}