.card-row-wrap .card-columns-wrap .card-column {
  position: relative;
  height: 175px;
}

.card-row-wrap .card-columns-wrap .card-column .card-group-block {
  transition: 0.3s;
  height: 175px;
  width: 175px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.card-row-wrap .card-columns-wrap .card-column .card-group-block .card-image {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 175px;
  width: 175px;
}

.card-row-wrap .card-columns-wrap .card-column .card-group-block .card-name,
.card-row-wrap .card-columns-wrap .card-column .card-group-block .card-position,
.card-row-wrap .card-columns-wrap .card-column .card-group-block .card-misc {
  display: none;
}

.card-row-wrap .card-columns-wrap .card-column:hover .card-group-block {
  top: calc(50% + -14px);
  z-index: 100;
  overflow: visible;
  padding: 170px 62px;
  height: 292px;
  width: 295px;
  background-color: #2D5D7E;
}

.card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-name,
.card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-position,
.card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-misc {
  display: block;
}

.card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 782px) and (max-width: 991px) {
  .card-row-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .card-row-wrap .card-columns-wrap .card-column {
    height: 100px;
  }

  .card-row-wrap .card-columns-wrap .card-column .card-group-block {
    height: 100px;
    width: 100px;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block {
    top: calc(50% + -9px);
    padding: 13px 33px;
    height: 169px;
    width: 169px;
  }

  .card-row-wrap .card-columns-wrap .card-column .card-group-block .card-image {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 100px;
    width: 100px;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-image img {
    width: 100px !important;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-name,
  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-position {
    font-size: 8px !important;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-misc {
    font-size: 6px !important;
  }
}

@media screen and (max-width: 781px) {
  .cb-container.cb-container-overflow-hidden {
    overflow: hidden;
  }

  .card-row-wrap {
    margin-top: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .card-row-wrap:first-of-type {
    margin-top: 0 !important;
  }

  .card-row-wrap .card-columns-wrap {
    gap: 16px 0;
    margin-left: -10px;
    margin-right: -10px;
  }

  .card-row-wrap .card-columns-wrap .card-column {
    height: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .card-row-wrap .card-columns-wrap .card-column .card-group-block {
    height: 100px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block {
    top: calc(50% + -7px);
    padding: 13px 33px;
    height: 169px;
    width: 169px;
  }

  .card-row-wrap .card-columns-wrap .card-column .card-group-block .card-image {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 100px;
    width: 100%;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-image img {
    width: 100px !important;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-name,
  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-position {
    font-size: 8px !important;
  }

  .card-row-wrap .card-columns-wrap .card-column:hover .card-group-block .card-misc {
    font-size: 6px !important;
  }
}