css - オーバーレイが表示されると Div が揺れる

Question

Iアイコンにカーソルを合わせると小刻みに揺れるdiv（css3ロゴの青いカード）があります。ここで問題を確認できます：

http://lab.stephenbe.ca/portfolio/portfoliov3/

なぜこれが起こっているのかわかりません。 codepen で問題を再現してみました:

http://codepen.io/stephenbe/pen/FckrH

そして、バグはまったく現れません。画面が小さい場合、バグが表示されないことに気付きました。画面のサイズは約 1600 である必要があります。

バグはChromeの最新バージョンに表示されます

ありがとうございました

編集：これはスクリーンキャストですhttp://screenr.com/EQkH

div を移動する css は次のとおりです。

.portfolio .card.active {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}