.bunker-background {
   height: auto;
   width: 100%;
   display: block;
   margin: 0 ;
   border: none;
   position: relative;
   background-color: none;
}
.background-container {
position:relative;
line-height: 0;
margin: 0;
padding: 0;
border: none;
padding-top: none;
height: auto;
width:75vw ;
 justify-content: center;
background-color: aqua;
}

.room1 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 8.4%;
   left: 0%;
    height: 6.1% ;
    width: 36%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}

.room-2 {
padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 14.6%;
   left: 64%;
    height: 6.1% ;
    width: 36%;
    background-color: rgb(42, 165, 97);
    
}

.room1Button,
.room-2-button {
    height: 100%;
    width: 100%;
    color: transparent;
    opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
}

.room1Button:hover,
 .room-2-button:hover{

    cursor: pointer;
}

.room1 .room-hover,
.room-2 .room-hover {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0.8;
color: rgb(255, 255, 255);

font-size: 50px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.2s;
pointer-events: none;
white-space: nowrap;
font-family: roboto, arial;
border-radius: 5%;
}

.room1:hover .room-hover,
.room-2:hover .room-hover {
    opacity: 0.9;
}
.container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100vw;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 0;
  background-color: rgb(0, 38, 255);
}

.room1.fullscreen {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}


bunkerRoom{

  padding: 0;

   display: block;
    color: none;
    border: none;
    position: absolute;
    top: 0%;
   left: 0%;
    height: 100% ;
    width: 100%;
    
    transition: all 1.2s ease;
  cursor: pointer;
}

.bunkerRoom {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background-color:none;
}