.img-component {
  width: 100%;
}
.img-component .component-wrapper {
  width: 60%;
  border: none;
  margin-left: auto;
  margin-right: auto;
}
.img-component .component-wrapper.max {
  width: 100%;
}
/* .img-component .component-wrapper .img-wrap.col-1 {} */
.img-component .component-wrapper .img-wrap p {
  line-height: 14px;
  vertical-align: middle;
}
.img-component .component-wrapper .img-wrap {
  width: 100%;
  height: auto;
  min-height: 200px;
  border: 1px solid lightgray;
  border-bottom: none;
  text-align: center;
  box-sizing: border-box;
}
.img-component .component-wrapper .img-wrap.img-col-2 {
  min-height: 150px;
}
.img-component .component-wrapper .img-wrap.img-col-3 {
  min-height: 100px;
}
.img-component .component-wrapper .img-wrap img,
.img-component .component-wrapper .img-wrap i {
  width: 100%;
  /* height: 100%; */
  /* min-height: 188px; */
}
.img-component .component-wrapper .img-wrap .material-icons {
  font-size: 8vw !important;
}
.img-component .component-wrapper .img-name-wrap {
  width: 100%;
  display: table;
  min-height: 35px;
  text-align: center;
  word-break: break-word;
  white-space: normal;
  border: 1px solid lightgrey;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-sizing: border-box;
}
.img-component .component-wrapper .img-name-wrap .img-name {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  word-break: unset;
  word-wrap: break-word;
}