.field-gallery {
  .list-image {
    li {
      display: inline;
      float: left;
    }
    padding: 0;
    margin: 0;
  }
  .fa-trash-alt.remove {
    color: #fff;
  }
  .list-image {
    .image, .upload {
      width: 100px;
      height: 100px;
      margin-left: 10px;
      margin-bottom: 10px;
      cursor: pointer;
    }
    .image-item {
      position: relative;
      i.remove {
        font-size: 20px;
        display: none;
        position: absolute;
        top: 45%;
        left: 45%;
        z-index: 99;
        color: cyan;
      }
      &:hover {
        i.remove {
          display: block;
        }
      }
    }
    .upload {
      border: 2px dashed #1a84ee;
      text-align: center;
      cursor: pointer;
      position: relative;
      border-radius: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #1a84ee;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 24px;
    }
  }
  input[type="file"].item-image {
    display: none;
  }
}
