img {
    display: inline-flex;
    height: 300px;
}

#container{
    margin-top: 2%;
    margin-left: 25%;
    margin-right: 20%;
    margin-bottom: 2%;
 width: 50%;
 height: 50%;
}

.subtitle{
    margin-top: 2%;
    display: none;
    text-align: center;
    font-size: smaller;
    color: gray;
}

.flex{
    margin-top: 5%;
    margin-left: 10%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}


@media only screen and (max-width: 800px) {
    #container{
        margin-top: 10%;
        margin-left: 10%;
        margin-right: 0%;
        margin-bottom: 2%;
     width: 80%;
     height: 50%;
    }

    .flex{
        
        margin-left: 20%;
        display: flex;
        gap: 8px;
    }
  }