.SharkEatBanana {
  width: 38.4vw;
  height: 45.8vw;
  max-width: 553px;
  max-height: 660px;
  fill: #FABA1F;
  stroke: #302624;
  stroke-width: 9;
  position: relative;
  display: inline-block;
  cursor: none;
}

.SharkEatBanana svg {
  width: 100%;
  height: 100%;
}

.SharkEatBanana__hover {
  position: absolute;
}

.SharkEatBanana__hover.is-full {
  width: 35%;
  height: 30%;
  right: 0;
  bottom: 0;
}

.SharkEatBanana__hover.is-medium {
  width: 60%;
  height: 53%;
  left: 0;
  bottom: 0;
}

.SharkEatBanana__hover.is-small {
  width: 60%;
  height: 47%;
  left: 0;
  top: 0;
}

.SharkEatBanana__piece {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  fill: #FABA1F;
  stroke: #302624;
  stroke-width: 9;
}

.SharkEatBanana__piece.is-medium { width: 3.3vw; }
.SharkEatBanana__piece.is-small  { width: 2.9vw; }