* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container{
    max-width: 545px;
    height: 911px;
    display: grid;
    grid-template-columns: 33% 10% 24% 33%;
    grid-template-rows: 30% 20% 20% 30%;
    background-color: black;
    margin: auto;
}
.bg_settings{
    background-repeat: no-repeat; /* Забороняє повторення зображення */
    background-size: cover; /* Масштабує зображення, щоб воно повністю заповнило елемент */
    background-position: center; /* Вирівнює зображення по центру елемента */
}
.top_left{
    grid-column: 1/4;
    grid-row: 1/2;
    background-image: url("../img/bg_top_left.jpg");
}
.top_right{
    grid-column: 4/5;
    grid-row: 1/2;
    background-color: #f3f3f3;
    padding: 20px 30px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
i {
    margin-bottom: 20px;
}

.bold{
    font-weight: bold;
}
.text{
    font-size: .65rem;
}
.middle_left{
    grid-column: 1/3;
    grid-row: 2/4;
    background-image: url("../img/bg_furniture.jpg");
}

.middle_right_top{
    grid-column: 3/5;
    grid-row: 2/3;
    background-image: url("../img/bg-table.jpg");
}
.middle_right_bottom{
    grid-column: 3/5;
    grid-row: 3/4;
    background-image: url("../img/bg_table_aple.jpg");
}
.bottom_left{
    grid-column: 1/2;
    grid-row: 4/5;
    background-image: url("../img/bg_observation_deck.jpg");
}

.bottom_right{
    grid-column: 2/5;
    grid-row: 4/5;
    background-image: url("../img/bg_mountain.jpg");
}