.tab-images__col1 {
  margin-right: 20px;
  position: relative;
}

  .tab-images__col1 .tab-images__img-wrapper {
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    display: flex;
  }

    .tab-images__col1 .tab-images__img-wrapper img {
      -o-object-fit: contain;
          object-fit: contain;
      transition: all .3s;
    }

  .tab-images__col2 {
    padding-left: 40px;
    position: relative;
  }

  .tab-images__col2:before {
    content: "";
    background: linear-gradient(#f2e100, #d82b87, #0082c5, #71c2b6);
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 40px;
  }

  .tab-images__col2 .hover-item {
    cursor: pointer;
    margin-left: 40px;
    padding: 10px 20px;
    transition: all .2s;
    position: relative;
  }

    .tab-images__col2 .active.hover-item,
    .tab-images__col2 .hover-item:hover {
      color: var(--text-basis-accent);
      background-color: #2c2b2b;
    }

    .tab-images__col2 .hover-item:before {
      content: "";
      background: #2c2b2b url("/wp-content/themes/iconeus/assets/media/images/svg/check.svg") center / 30px no-repeat;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      transition: all .2s ease-out;
      display: block;
      position: absolute;
      top: 50%;
      left: -40px;
      transform: translate(-50%, -50%);
    }

    .tab-images__col2 .hover-item:hover:before,
    .tab-images__col2 .active.hover-item:before
      {
      background-color: #edae0d;
    }