/* infrastructure.less */
/* layout-side-by-side.css */

div.main::before {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 25%), url(../images/infrastructure.svg), #000;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/* specific background images for each section */
div.main section#cloud-computing::before {
    background: url(../images/cloud-computing.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.main section#virtualisation::before {
    background: url(../images/virtualisation.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.main section#backup-and-disaster-recovery::before {
    background: url(../images/backup-and-disaster-recovery.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.main section#storage::before {
    background: url(../images/storage.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}