html {
  height: 100%;
  width: 100%;
}

.img-tbl-fbx {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.img-tbl-fbx .imgContainer {
    margin-right: 10px;
}

.imgContainer {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.imgContainer img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.imgContainer .btn-ctnr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: rgba(85, 85, 85, 0.5);
  /* color: rgba(255, 255, 255, 0.01); */
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  /* cursor: pointer; */
  border-radius: 5px;
  text-align: center;
}

.imgContainer .btn-ctnr .btn {
    background-color: black;
    color: white;
    width: 180px;
    padding: 5px;
}

.imgContainer .btn-ctnr .btn:hover {
  color: white;
  cursor: pointer;
}

.imgContainer .btn-ctnr p {
    color: white;
    margin: 6px;
}

.highlight {
  background-color: red; /* Set the background color to red or any other desired style */
}

.collapse {
  transition: height 5s ease; /* Add a 2-second height transition for the collapse effect */
  max-height: 1px;
  font-size: 0px;
  overflow: hidden;
}