div.camera {
        position:relative;
    }


        div.camera video{
            max-height:100%;
            max-width:100%;
        }


        div.camera [action="take-photo"]{
            position:fixed;
            z-index:10000;
            top:1.5em;
            left:1.5em;
            height:2em;
            line-height:2em;
            width:2em;

            background:white;
            text-align:center;
            border-radius:100px;
            box-shadow: 0px 0px 10px #b7b7b7;
            cursor:pointer;
        }

    div.submission {

    }

        div.submission div.details {
            margin-left:1em;
        }


        div[photo="image-preview"] {
            width:100px;
            height:100px;
            background:var(--grey);
            border:1px solid #ced4da;
            background-size: contain !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

    @media (max-width: 800px) {
        div.submission {
            flex-direction: column;
            overflow-y: auto;
        }

            div.submission div.details {
                margin-left:0;
            }
    }