Ciao,

Sto provando un template responsive gratuito, ma sto avendo problemi ad adattare un'immagine della home page alla stessa dimensione di quella originale che vorrei sostituire con la mia.

La home page originale è questa:

https://i.imgur.com/69BhZ68.png

Da Photoshop le dimensioni dell'immagine sembrano essere queste:

1920px X 943px risoluzione 72 pixel/inch


La vorrei sostituire con la mia da:

2048px X 1365px risoluzione 72 pixel/inch

La ritaglio con la taglierina alle stesse dimensione dell'originale esporto in jpg e gli assegno lo stesso nome:

https://i.imgur.com/0aG0uFL.png



ma mi ritrovo come risultato finale sempre questo o qualcosa di simile:

https://i.imgur.com/AYcXWQV.jpg

In pratica sempre tagliata.

Il ccs che gesisce la sezione è questo:

codice:
/* Header Section */
.intro {
    display: table;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #333;
    background: url(../img/intro-bg.jpg) no-repeat center top;
    background-color: #e5e5e5;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
Potete aiutarmi a capire quale sia il problema e cosa sbaglio?

Grazie