body {
    font-family: Verdana, Arial, Sans-Serif;
    background-color: #f0f0f0;
    color: #333;
    text-align: left;
}

h1 {
    font-size: 400%;
    text-align: center;
}

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

dd.bib {
    color: gray;
    font-size: 0.8em;
}

dl.explanation {
    background-color:lemonchiffon;
    width: 400px;
    float: right;
    padding: 10px
}


.TRalternate tr:nth-child(even) {background: #e0e0e0}
.TRalternate tr:nth-child(odd) {background: #d0d0d0}

TR.A0 {background-color:#e0e0e0}
TR.A1 {background-color:#d0d0d0}
TR.A2 {background-color:orange}

TD.upper {background-color: LightBlue}
TD.lower {background-color: Thistle}

form
{
  display: inline;
}


        .image-container {
            width: 300px; /* Adjust to the width of your images */
            height: 300px; /* Adjust to the height of your images */
            position: relative;
	    float: right;
        }

        .image-container img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            transition: opacity 0.3s ease-in-out;
        }

        .image-container img.b {
            opacity: 0;
        }

        .image-container:hover img.b {
            opacity: 1;
        }

        .image-container:hover img.a {
            opacity: 0;
        }