.inventory-container {
    display: flex;
    flex-wrap: wrap;
}

.inventory-item {
    flex: 0 0 32%; /* Slightly less than 33.33% to account for padding/margins */
    box-sizing: border-box;
    display: flex;
    padding: 20px;
    flex-direction: column;
}

.inventory-item img {
    max-width: 100%;
    height: auto;
}

.table.table-dark.table-striped {
    margin-bottom: 0; /* Remove bottom margin from table if necessary */
}

.filterDiv {
  display: none;
}

.filterShow {
  display: block;
}

.filterContainer {
  margin-top: 20px;
  overflow: hidden;
}