.field-fullimage {
  .wrapper-field-fullimage {
    .header {
      width: 270px;
      height: 380px;
      border: 1px solid lightgrey;
      position: relative;
      cursor: pointer;
      &:hover {
        i {
          opacity: 1;
        }
      }
      i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 20px;
        z-index: 1;
        color: #00b3ee;
        opacity: 0;
        transition: 250ms all ease-in-out;
      }
      & > div {
        width: 100%;
        height: 100%;
        padding-bottom: calc(100% * 270 / 380);
        position: relative;
        img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          object-fit: cover;
          object-position: center;
        }
      }
    }
    input[type="file"] {
      display: none;
    }
  }
}
