AI at Work

function LedeVideo(props) {
return (

)
}

const containers = document.querySelectorAll(“.duet–article–lede-image.w-full”);
containers.forEach(container => {const root = ReactDOM.createRoot(container);
root.render()})

.duet–article–lede-image.w-full {
position: relative;
padding-top: 62.5%;
margin-bottom: 20px;
}

.duet–article–lede-image.w-full img, .duet–article–lede-image.w-full span {
display: none !important;
}

.duet–article–lede-image.w-full .video-wrapper {
position: absolute;
inset: 0;
}

.duet–article–lede-image.w-full .video-inner {
width: 100%;
height: 100%;
}

.duet–article–lede-image.w-full .video-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
}

figcaption.caption-react {
display: inline-block;
}

figcaption.caption-react:after {
display: inline-block;
content: “”;
width: 0.5em;
height: 1em;
}

.w-full figure.w-full .video-wrapper cite {
font-style: normal;
color: rgb(90, 90, 90);
}