@media screen and (max-width: 700px) {
    :root {
        --background: linear-gradient(180deg, rgba(8, 203, 47, 0.5) 0%, rgba(10, 173, 43, 0.6) 30%, rgb(15, 111, 34) 56%, rgb(21, 130, 32) 100%);
    }
}

@media screen and (max-width: 900px) {

    .placeImg h1,
    .placeImg h2 {
        font-size: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }

    svg {
        width: 310px;
        height: 137.3px;
    }

    .ou {
        font-size: 25px;
    }

    .verifButton {
        font-size: 30px;
    }

    .takePhoto {
        font-size: 12px;
    }

    .takePhoto i {
        font-size: 20px;
        padding: 13.3px 13.3px;
    }

    #cameraContainer {
        max-width: 95%;
        height: 98vh;
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    body {
        background-size: cover;
    }

    .placeImg h1,
    .placeImg h2 {
        transform: scale(0.8);
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    .placeImg h2 {
        transform: scale(0.7);
    }

    .placeImg h1:hover,
    .placeImg h2:hover {
        transform: scale(0.9);
    }

    small {
        font-size: 18px;
        margin: 0;
    }

    .privacyContainer {
        position: fixed;
        right: -5px;
        bottom: 20px;
        padding: 5px;
    }

    .privacy {
        font-size: 30px;
    }

    .arrowMore {
        visibility: hidden;
    }

    .hrLogo {
        display: none;
    }

    .ou {
        margin: 0;
    }

    #header {
        padding-right: 0;
        padding-left: 0;
    }
    #verdictContainer{
        top: 75%;
    }
}

@media screen and (min-width: 900px) {
    #verdictContainer{
        top: 75%;
    }
}
@media screen and (min-width: 750px) {
    #verdictContainer{
        top: 75%;
    }
}
@media screen and (max-width: 750px) {
    #verdictContainer{
        top: 90%;
    }
}
@media screen and (max-width: 500px) {
    #verdictContainer{
        top: 80%;
    }
}