.headerimg {
    z-index: 9;
    position: relative;
    border-radius: 100px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin-bottom: -88px;
    margin-top: -99px;
}
.headerimg img {
    width:150px;
}

.headertitle {
    z-index: 8;
    position: relative;
    margin: 0px -10px 15px -10px;
    color: #ffecc4;
    padding: 5px 10px 0px 10px;
}

input[type="checkbox"] {
    display:none;
}


input[type="checkbox"] + label {
    content: url('https://i.imgur.com/E9cR0Df.png');
    display: block;
    width: 500px;
    height: 300px;
    overflow: hidden;
}
input[type="checkbox"]:checked + label {
    content: url('https://i.imgur.com/iPuHwW1.png');
    display: block;
    width: 500px !important;
    height: 300px;
    overflow: hidden;
}