.image-and-text-block {
    height: 100%;
    width: 100%;
    background: black;
    overflow: hidden;
    background: #C33764;  /* fallback colour. Make sure this is just one solid colour. */
    background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("https://bit.ly/2rlzaXi");
    background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("https://bit.ly/2rlzaXi"); /* The least supported option. */
    color: white;
}

.image-and-text-block-reading {
    height: 100%;
    width: 100%;
    background: black;
    overflow: hidden;
    background: #C33764;  /* fallback colour. Make sure this is just one solid colour. */
    background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("../images/reading.jpg");
    background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("../images/reading.jpg"); /* The least supported option. */
    color: white;
}

.image-and-text-block-banner {
    height: 100%;
    width: 100%;
    background: black;
    overflow: hidden;
    background: #C33764;  /* fallback colour. Make sure this is just one solid colour. */
    background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("../images/mask.jpg");
    background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(100, 55, 100, 0.8)), url("../images/mask.jpg"); /* The least supported option. */
    color: white;
}


.image-and-text-block-welcome{
    height: 100%;
    width: 100%;
    background: black;
    overflow: hidden;
    background: #C33764;  /* fallback colour. Make sure this is just one solid colour. */
    background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(195, 55, 100, 0.8)), url("../images/home_back.jpg");
    background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(80, 55, 100, 0.8)), url("../images/home_back.jpeg"); /* The least supported option. */
    color: white;
}