Hola tengo un problema con una imagen que por alguna razón de la vida no entra en el div este es mi html:

Código HTML :

<div class="segunda-parte">    
            <img id="dispositivos" src="http://uploads.webflow.com/597a702667d10a0001c4e1d4/597a702667d10a0001c4e1ff_All-devices-p-500x288.png" width="45%" width="45%" style="float: right;">
        </div>


y mi css es este:

Código CSS :

.segunda-parte {
   background-color: #2c2f30;
}

#dispositivos {
   margin-top: 2.500em;
}

Lo que quiero es que la imagen este adentro del Div pero me da este resultado:
LES DEJO EL LINK DE LA IMAGEN LA SUBÍ A GOOGLE CLOUD PLATAFORM:


https://00e9e64bac761bfb81b8378a01ab9860985bc72e98b33ad1f2-apidata.googleusercontent.com/download/storage/v1/b/dbhchgfknb/o/foro.bmp?qk=AD5uMEv8diwWvgO0c_H_Ou898xupWhLPQeogkirCUq_Vc-6z7EY_5o46dBIIQk4UEAtb9IxSDpQBrvnNoJI7OtuAi-seFy1sj-xA954woMjrwpDNLQ8vJPs0pawuV36SM3h7D4lcmjAmIz4UYvbTq2F70_IwAxr0fnRhRjZQuUMG-P1N92J6jYG0zUmiWKGEx6uUXz1CGcMgOToL55KHCASPIGbeZlqVDrypA7swb5DmcfTTha76MP3aQIZTG_CjxIXw8yHieA6-1YZAogjyKGY2GccZbtfmgpiQ34KCGnfsjNqi6dI5OIBzCqwQdgfhlf6cqf6f4ngjOUlSWEvAriYxGcqJbOx8k4CTjODfoJLohePYi2nOYrtbPj77u7qE33tlLkJu12ktyAH2YgAwDSgqKAk9G6TiDITiVtBeNGOLc7LXdcahTRA_IzEILT4GcGjecAea8QGJILdCQ1SlTegzojHX14JskcWHakieWykBDFsnlP5TiwmgIMXLc5kTNMfP0fsHB_Im2WW4O2PuI7HagGyDwrY5YgxdlymEA4dK-3XfwdG1AnA32Lu7mN87e5c4GKYRkpKTJy7CHvN7Da58HTayOdxl3rc7PnmxDRe5L-MUP0tNV79YKdJFeMQG-z1Gju2yKdsFPcQhOLig-ZlVmMfMUjulqzB0oOxulCZB7Fvu60I71kGlF48Zy-aZ33RAobI5VZZvDch35DOafM_sSm8vOStJpBjm_SZLCfZTwFSAn2ahr3E_uAIdBhxcu88sCWV4Jirb