.rounded {
  border-radius: 20%;
}

.imgarticle {
	margin: 0 auto;
	background: #000;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 15px 2px #666;
	}

.work-item__img{
  border-radius: 20%;
  display: block;
  transition: all 1s linear;
}

.work-item{
  background: linear-gradient(var(--yellow), var(--yellow));
  overflow: hidden;
  position: relative;
}

.work-item:hover .work-item__img{
  transform: scale(1.3);
}

.work-item__icon{
  position: absolute;
  color: var(--brightYellow);
  top: 50%;
  left: 50%;
  display: inline-block;
  font-size: 4rem;
  text-decoration: none;
  transition: all 0.5 ease;
  transform: scale(0);
  z-index: 2;
}

.work-item:hover .work-item__icon{
  transform: scale(1.2) translate(-50%,-50%);
}

.work-item__icon:hover{
  color: var(--brown);
  cursor: pointer;
}