﻿
.Info {
    position: absolute;
    bottom: 10px !important; /* Distance from the bottom of the slide */
    left: 50%;               /* Move to the exact middle */
    transform: translateX(-50%); /* Pull back by half its own width to center it */
    padding: 5px;
    color: black;
    background-color: rgba(173, 216, 230, 0.85); /* Semi-transparent lightblue */
    font-size: 20px;
    font-weight: normal;
    width: 75%;
    height: 38px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    z-index: 10; /* Ensures it stays on top of the image */
}


/*
.Info {
    position: relative; /* Removes absolute floating over the image */
    margin: 10px auto 0 auto; /* Spacing above/below */
    left: 0;
    color: black;
    background-color: lightblue;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    height: 40px;
    line-height: 40px; /* Centers text vertically */
    text-align: center;
    border-radius: 5px;
}

*/