body {

}

.header {
  height: 100px; /* ヘッダーの高さ */
  background-color: #f0f0f0; /* ヘッダーの背景色（お好みで） */
}

.rogo img{
  position: absolute; /* 絶対位置を指定 */
  left: 50%; /* 左から50% */
  transform: translateX(-50%); /* 中心へ移動 */
  height: 100px;
  width: auto;
  transition:
    background-color var(--transition-speed),
    transform        var(--transition-speed),
    box-shadow       var(--transition-speed);
}

.rogo img:hover {
  background-color: rgba(255, 255, 255, 0.9);
  transform: translate(-50%,-2%);
  box-shadow: 0 8px 20px -10px rgba(0,0,0,0.25);
}