body {
 margin: 0;
 padding: 0;
 background: lightgray;
 overflow-x: hidden;
}

.eyes {
 position: absolute;
 top: 50%;
 right: 15%;
 transform: translateY(-50%);
 width: 100%;
 text-align: center;
}

.eyes2 {
 position: absolute;
 top: 50%;
 left: 15%;
 transform: translateY(-50%);
 width: 100%;
 text-align: center;
}
.eye {
 width: 240px;
 height: 120px;
 background: #fff;
 display: inline-block;
 margin: 40px;
 border-radius: 50%;
 position: relative;
 overflow: hidden;
}

.eye2 {
 width: 240px;
 height: 120px;
 background: #fff;
 display: inline-block;
 margin: 40px;
 border-radius: 50%;
 position: relative;
 overflow: hidden;
}

.ball {
 width: 80px;
 height: 80px;
 background: #000;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 border-radius: 50%;
}

.ball2 {
 width: 80px;
 height: 80px;
 background: #000;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 border-radius: 50%;
}