How to Customize the Labels for Image Choices – Combined effect

form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-item:hover .wpforms-image-choices-label {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    background-color: #f6f6f6;

    color: #333;

    padding: 20%;

    border-radius: 5px;

    opacity: 1;

    transition: opacity 0.3s ease-in-out;

    width: 100%;

    height: 100%;

}

form#wpforms-form-1000 .wpforms-image-choices label:hover {

    border: none;

    box-shadow: none;

}

form#wpforms-form-1000 span.wpforms-image-choices-label {

    visibility: hidden;

    height: 0;

    padding: 0;

}

form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-item:hover span.wpforms-image-choices-label {

    visibility: visible;

}