.result-detail {
        position: relative;
        border: 1px #aba6a6 solid;
        padding: 5%;
        z-index: 1;
    }

    .result-detail::before {
        content: "";
        background-image: url('/image/college-logo.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%; /* or cover */
        opacity: 0.3;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        pointer-events: none; /* so clicks go through */
    }

    .result-detail * {
        position: relative;
        z-index: 1;
    }