Position Popover to top and fixed width

HI, I have seen how the popover can be changed using the global styles. What I can’t get is to change a single popover. I have tried passing the css class in the popover, but no luck. I have attached the component code and css Any thoughts? Thanks

const popover = await this.popoverController.create({
component: PhotoviewerComponent,
cssClass: ‘photo’,
event: event
});

.photo .popover-content {
top: 0 !important;
width: 100px;

}