.bckimg {
    padding:2em;
    background-color:teal;
    max-width:40em;
    min-height:20em;
    color:#fff;
    margin-top:1em;
    margin-bottom:1em;
    background-repeat:no-repeat;
}

.imglarge {
    background-image: url(large.jpg);
}
.imgsmall {
    background-image: url(small.jpg);
}
/*repeat*/
.ex2 {
    background-repeat: repeat;
}
.ex3 {
    background-repeat: no-repeat;
}
.ex4 {
    background-repeat:repeat-x;
}
.ex5 {
    background-repeat:repeat-y;
}
/*size*/
.ex6 {
    background-size: contain;
}
.ex7 {
    background-size: cover;
}
.ex8 {
    background-size: 50%;
}
.ex9 {
    background-size: 80% 40%;
}
/*position*/
.ex10 {
    background-position: center;
}
.ex11 {
    background-position: right top;
}
.ex12 {
    background-position: right bottom;
}
.ex13 {
    background-position: 80% 40%;
}