body {
  margin: 0;
  padding: 0;
}

.background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('tlostrony.jpg');
  background-size: cover;
  background-position: center top; 
  background-repeat: no-repeat;
  z-index: 0; 
}

@media (max-width: 768px) {
  .background-container {
    background-image: url('tlostrony-mobile.jpg');
  }
.telegramlogo {
 display: none;
}
.youtubelogo {
 display: none;
}
.instagramlogo {
 display: none;
}
.tiktoklogo {
 display: none;
}
.discordlogo {
 display: none;
}

  .centered-image img {
    width: 75%; 
    height: auto; 
    max-height: 50vh;
  }
}

.centered-image {
  position: relative;
  text-align: center;
  z-index: 1; 
}

.centered-image img {
  max-height: 40vh; 
  width: auto; 
}

@media (min-width: 769px) {
  .centered-image img {
    width: 20%; 
    height: auto; 
    max-height: 50vh; 
  }
}

.image-grid {
  position: fixed;
  bottom: 0; 
  left: 50%; 
  transform: translateX(-50%); 
  max-height: 60%; 
  max-width: 80%; 
  width: 100%;
  overflow-y: auto; 
  display: flex;
  flex-direction: column; 
  align-items: center; 
  z-index: 1; 
}

.image-grid img {
  max-width: 100%; 
  height: auto; 
  margin: 10px 0; 
}
.telegramlogo {
position: fixed;
height: 7%;
width: auto;
z-index: 999999999;
top: 1.5%;
right: 22%;
}
.youtubelogo {
position: fixed;
height: 8%;
width: auto;
z-index: 999999999;
top: 1%;
right: 7%;
}
.instagramlogo {
position: fixed;
height: 7%;
width: auto;
z-index: 999999999;
top: 1.5%;
right: 17%;
}
.tiktoklogo {
position: fixed;
height: 9%;
width: auto;
z-index: 999999999;
top: 0.5%;
right: 12%;
}
.discordlogo {
position: fixed;
height: 7%;
width: auto;
z-index: 999999999;
top: 1.5%;
right: 1%;
}