Deleaying Cookie Consent Pop-up

DreamStreetPortraits

Hello!

I would like to include the Cookie Consent Pop-up in the CSS below so it also takes a few seconds to ease into view. Any takers?

https://www.dreamstreetportraits.com/

Any help appreciated.

/* Start Just for Loggedin and Edits /
.sm-user-ui .sm-flex-items-center {z-index: 1000;}
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-pagetitle,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-text,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-html,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-images,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-galleries,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-slideshow,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-button,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-separator-accent,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-socialbuttons,
.sm-page-initialized.sm-page-edit .sm-page-layout-region-body .sm-page-widget-sociallinks {z-index: 0;}
/ End Just for Loggedin and Edits */

.sm-page-widget-image,
.sm-user-ui .sm-page-layout-region-header,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-pagetitle,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-text,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-html,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-images,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-galleries,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-slideshow,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-button,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-separator-accent,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-socialbuttons,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-sociallinks,
.sm-user-ui .sm-page-layout-region-footer {opacity: 0;}

.sm-user-ui .sm-page-layout-region-header,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-pagetitle,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-text,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-html,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-images,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-galleries,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-slideshow,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-button,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-separator-accent,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-socialbuttons,
.sm-user-ui .sm-page-layout-region-body .sm-page-widget-sociallinks,
.sm-user-ui .sm-page-layout-region-footer {
    -webkit-transition: opacity 5s ease-in-out 3s;
       -moz-transition: opacity 5s ease-in-out 3s;
         -o-transition: opacity 5s ease-in-out 3s;
            transition: opacity 5s ease-in-out 3s; 
}

.sm-page-initialized .sm-page-layout-region-header,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-pagetitle,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-text,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-html,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-images,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-galleries,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-slideshow,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-button,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-separator-accent,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-socialbuttons,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-sociallinks,
.sm-page-initialized .sm-page-layout-region-footer {
position: relative;
opacity: 1;
}

.sm-page-initialized .sm-page-layout-region-header {z-index: 2;}

.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-pagetitle,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-text,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-html,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-images,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-galleries,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-slideshow,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-button,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-separator-accent,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-socialbuttons,
.sm-page-initialized .sm-page-layout-region-body .sm-page-widget-sociallinks,
.sm-page-initialized .sm-page-layout-region-footer {z-index: 1;}

Hikin' Mike

Just adjust the fade (1s) and the delay time (3s).

/* Delay Popup Consent Start */
.sm-user-ui .sm-cookie-consent {
    opacity: 0;
    animation: 1s linear 3s forwards delayConsent ;
}

@keyframes delayConsent {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Delay Popup Consent End */

DreamStreetPortraits

Excellent! Thank you, Mike!
You have been so generous with your knowledge and time. I really appreciate it!