¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero sería así:

    <div class= "container">
     <div class="logo">
          <img src="Imagenes/logo.png" alt="icono"; title="GastroBlog";/>
        </div>
        <div class="nombre" >
          <img src="Imagenes/nombre.png" alt="name"; title="GastroBlog";/>
        </div>
    </div>


   .container {
      width: 100%;
      height: 250px; (este es un ejemplo)
      display:flexbox;
      flex-direction: column;
      justify-content: center;
      align-item: center;
    }

Yo te aconsejaría usar flexbox para mejor acomodo, pero las cajas de nombre y logo tienen que tener el mismo tamaño. 

    .logo, .nombre {
    width: 250px; 
    heigth: 250px; 
    }

Para que lasimagenes no queden tan estrechas ni pixeleadas, te recomiendo usar este código en css

    .logo, .nombre img{
    width: 100%;
    heigth; 100%;
    
    }

solamente con tu margin juega que tan pegadas quieres ambas imágenes, pero estoy segura que con lo que te acabo de escribir te va a quedar centrado. No es recomendado agregar un tamaño directo a la imagen. Muchos saludos