No puedo alinear imagen "Diferenciales" y tengo puntos y estrellas

Hola compañeros busco ayuda, tengo el mismo código del video, pero nunca he podido alinear la imagen de diferenciales con la lista. He aplicado las soluciones sugeridas pero nada. Ahora también me salen las estrellas y los puntos. Si alguien me puede ayudar le agradecería mucho. Aquí mi código:

.diferenciales {
    padding: 3em 0;
    background: #888888;
}

.contenido-diferenciales {
    width: 640px;
    margin: 0 auto;
    display: flex;
}

.lista-diferenciales {
    width: 40%;  
    display: inline-block; 
    vertical-align: top;  
    list-style-type: none;
}

.items {
    line-height: 1.5;
}

.items:before {
    content: "★";
} 

.items:first-child {
    font-weight: bold;
}

.imagen-diferenciales {
    width: 60%;
}   
 
.video {
    width: 560px;
    margin: 1em auto;
}