Responsive background image - centered

by Korah Babu Varghese

HTML

<div class="introduction">
    <h1>Tecnología al alcance de todos.</h1>
    <form action="nosotros.html">
    <input class="introduction-button" type="submit" 
    value="Conócenos" />
    </form>
</div>

CSS

.introduction {
    width: 100%;
    margin-top: 0px;
    background-color: #102a42;
    background-image: linear-gradient(0deg, #102a42 0%, #171c31 
    100%);
    background-image: url("https://www.welovesolo.com/wp-content/uploads/2014/10/p16hh38qpn1ksms08j6e1c1r61d9-details.jpg"); /* Image size 1280 x 1024px*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
}