#main-logo{
    display: flex;
    justify-content: center;
    align-items: center;
}

#main-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:3rem;
    flex-wrap: wrap;

}

  td {
    padding: 5px;
  }

#main-container img{
    width: 300px;
    height:300px;
}
#main-container #elements{
    flex: 0 0 calc(100% / 4);
}

@media (max-width: 768px) {

    #main-container img{
        width: 120px;
        height: 120px;
        border-radius: 20px;
        border: 1px solid black;
    }

    #main-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:1rem;
    flex-wrap: wrap;

}

#elements{
    flex: 0 0 calc(100% / 3);
}

  }