body {
    background-image: url(walalabackground.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

#home-icon {
    position: fixed;
    top: 20px; /* Adjust the vertical position as needed */
    left: 20px; /* Adjust the horizontal position as needed */
    width: 200px; /* Adjust the width as needed */
    height: auto;
    z-index: 1000; /* Ensure it's on top of other elements */
    cursor: pointer; /* Show the hand cursor on hover */
}

.titles {
    text-align: center;
    width: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.subtitles {
    text-align: center;
}

.container {
    width: 90%;
    margin: 0 auto; /* Center the container horizontally */
    margin-top: 10px;
}
  
.row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; /* Add some spacing between rows */
}
  
.column {
    flex-basis: calc(33.33% - 50px); /* Calculate column width with spacing */
    background-color: rgba(177, 177, 177, 0.3); /* Add background color for columns */
    padding: 10px; /* Add some padding to columns */
    text-align: center;
    height: 400px;
    border: 1px solid #999;
}

.column img {
    margin-top: 40px;
    border: 10px solid rgba(255, 255, 255, 0.3);
}

/* Smaller screens (phones) */
@media only screen and (max-width: 600px) {
    .container {
        width: 90%; /* Adjust container width for smaller screens */
    }
    .row {
        display: flex;
        flex-wrap: wrap; /* Allow columns to wrap onto new lines */
        justify-content: center; /* Center the columns horizontally */
    }
    .column {
        flex-basis: calc(50% - 20px); /* Two columns per row */
        margin: 0 10px 20px; /* Adjust margin for spacing between columns and rows */
    }
    .column img {
        margin-top: 20px; /* Adjust image margin */
    }
    #home-icon {
        width: 85px; /* Adjust size of home icon for smaller screens */
        top: 20px; /* Adjust position of home icon */
        left: 10px;
    }
}