#dataList {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: auto auto ;
    width: 100%;
}

.img-container {
    display: flex;
    width: 100px;
    height: 100px;
    margin-bottom: 5px;
}

.grid-item {
    display: flex;
    margin: 10px;
}


.grid-container {
    width: 100px;
    margin: auto;
    display: block;
}

.grid-container input {
    width: 100px;
}

.grid-container p, .grid-container h5 {
    text-align: center;
}

.grid-container h5 {
    overflow: hidden;
}

.grid-container img {
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.button-container {
    display: flex;
}

.button-container button {
    margin: auto;
}
