@media (min-width: 361px) {
  body {
    margin: 0;
    padding: 0;
    background-image: url('../image/bg_transparent_guest.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
  }
  .content {
    margin-top: 40px;
  }
  /* Logo styles */
  .logo-top {
    position: absolute;
    top: 30px; /* Adjust the distance from the top */
    left: 30px; /* Adjust the distance from the left */
    z-index: 2; /* Ensure the logo is above the overlay and content */
  }
  .logo-bottom {
    position: absolute;
    bottom: 10px; /* Adjust the distance from the bottom */
    right: 30px; /* Adjust the distance from the right */
    z-index: 2; /* Ensure the logo is above the overlay and content */
  }

}
@media (max-width: 768px) {
  .logo-top img {
    max-width: 68px;
  }
  .logo-bottom img {
    max-width: 76px;
  }
}
@media (max-width: 360px) {
  .logo-top {
    display: none;
  }
  .logo-bottom {
    display: none;
  }
}