.nesting {
    position: relative;

    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;

    z-index: 10;

    align-self: center;
    justify-self: center;

    height: 100%;
}

.nesting .icon {
    height: 25%;
    grid-area: 1 / 1;

    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
}

.nesting .icon.honey {
    left: 30%;
}

.nesting .icon.egg {
    right: 0%;
}

.nesting .pick-honey, .nesting .pick-egg {
    position: relative;
    grid-area: 1 / 1;

    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
}

.nesting .pick-honey {
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}

.nesting .pick-egg {
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.nesting .cell-img {
    grid-area: 1 / 1;
    filter: grayscale(60%);
}

.nesting .pick-honey:hover .cell-img,
.nesting .pick-egg:hover  .cell-img {
  filter: grayscale(0%);
}

.nesting .pick-honey:hover .icon,
.nesting .pick-egg:hover  .icon {
  box-shadow: 0 0 0 4px var(--highlight-color);
  border-radius: 50%;
}