body {
    text-align:center;
    background-image:url("https://i.pinimg.com/736x/23/34/d9/2334d9322dc161eea62a61eb2c45f3db.jpg");
      font-family:sans-serif;
  font-weight:bold;
color: black; /* Text fill color */
  text-shadow: 
    -1px -1px 0 #fff,  
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff;
}

.container{
    display:flex;
    column-gap:100px;
    justify-content: center; /* Horizontal centering */
    align-items: center;  

}

.box-1 {
    height:300px;
    width: 300px;
     background-image:url("https://i.pinimg.com/1200x/73/d6/9c/73d69c7718df8b2d841c66e4da24db3f.jpg");
     background-position:center;
     background-size:500px;
    float: left;
    word-break:break-all;
}

.box-2 {
    height:300px;
    width: 300px;
    background-image:url("https://file.garden/ahbACbJ5bxvHBi9R/gb%20cover%20art%20img");
     background-position:bottom;
     background-size:430px;
     float: right;
     word-break:break-all;
}

.box-3 {
    height:300px;
    width: 300px;
   background-image:url("https://i.pinimg.com/736x/70/fc/b8/70fcb82278c7a7a37983687569253a70.jpg");
     background-position:center;
     background-size:300px;
     float: right;
     word-break:break-all;
}

.container2 {
    display:flex;
    row-gap:100px;
 column-gap:100px;
    justify-content: center; /* Horizontal centering */
    align-items: center;  
}

.box-4 {
    height:300px;
    width: 300px;
   background-image:url("https://m.media-amazon.com/images/M/MV5BMmRjYmZjMGItMGQ1Mi00OTZmLThmMTItYjMxZWZhNWNjNjczXkEyXkFqcGc@._V1_.jpg");
     background-position:center;
     background-size:430px;
     float: right;
     word-break:break-all;
}

.box-5 {
    height:300px;
    width: 300px;
   background-image:url("https://i.pinimg.com/736x/89/73/51/897351c15f75c144197e2b231804f38f.jpg");
     background-position:left;
     background-size:430px;
     float: right;
     word-break:break-all;
}

.box-6 {
    height:300px;
    width: 300px;
   background-image:url("https://i.pinimg.com/736x/6e/5d/7e/6e5d7eee8204d846d5515f0bb8ad52a0.jpg");
     background-position:bottom;
     background-size:400px;
     float: right;
     word-break:break-all;
}

.container3 {
    display:flex;
    row-gap:100px;
 column-gap:100px;
    justify-content: center; /* Horizontal centering */
    align-items: center;  
}

.box-7 {
    height:300px;
    width: 300px;
    background-image:url("https://i.pinimg.com/736x/60/a8/8a/60a88af075e883b9817d5045ffedc75c.jpg");
     background-position:top;
     background-size:300px;
     float: right;
     word-break:break-all;
}

.box-8 {
    height:300px;
    width: 300px;
    background-image:url("https://oyster.ignimgs.com/mediawiki/apis.ign.com/minecraft/c/c6/Minecraft_Overview.jpg?width=814&format=jpg&auto=webp&quality=80");
     background-position:center;
     background-size:600px;
     float: right;
     word-break:break-all;
}

.box-9 {
    height:300px;
    width: 300px;
   background-image:url("https://wallpapercave.com/wp/wp14004675.png");
     background-position:center;
     background-size:500px;
     float: right;
     word-break:break-all;
}


.container4 {
    display:flex;
    row-gap:100px;
 column-gap:100px;
    justify-content: center; /* Horizontal centering */
    align-items: center;  
}

.box-10 {
    height:300px;
    width: 300px;
   background-image:url("https://cdn.aeroreport.de/media/pages/good-to-know/boeing-737-wie-ein-einfacher-jet-die-luftfahrt-revolutionierte/kopf/cc3852e288-1752817403/adobestock_609501338_1200px-2000x.webp");
     background-position:right;
     background-size:600px;
     float: right;
     word-break:break-all;
}

.box-11 {
    height:300px;
    width: 300px;
   background-image:url("https://i.pinimg.com/736x/38/4a/db/384adb688c2178013967306edac40f28.jpg");
     background-position:bottom;
     background-size:500px;
     float: right;
     word-break:break-all;
}

.box-12 {
    height:300px;
    width: 300px;
    background-image:url("https://assets-prd.ignimgs.com/2021/12/20/portal-cover-1640031155845.jpg?crop=1%3A1%2Csmart&format=jpg&auto=webp&quality=80");
     background-position:center;
     background-size:300px;
     float: right;
     word-break:break-all;
}

.container5 {
        display:flex;
    row-gap:100px;
 column-gap:100px;
    justify-content: center; /* Horizontal centering */
    align-items: center; 
}

.box-13 {
    height:300px;
    width: 300px;
    background-image:url("https://i.pinimg.com/736x/6b/73/db/6b73dbf06a2d5a47b71a92e40a83c6d9.jpg");
     background-position:top;
     background-size:300px;
     float: right;
     word-break:break-all;
}



.sidenav {
    text-align:left;
}