Delay before custom css loads

Hello

I’m trying to use the slider in a custom layout. The layout has the an image to the left and the caption title and description to the right of it. I’ve the HTML slide and the image slide while customizing the css such as .cycloneslider-caption-title

That works fine but when I load the page there is a delay it seems before the custom css kicks in and places everything where it should be. For example, the image loads, and then after a second or so it moves up 50 pixels into it’s proper location. I’ve tried chaning the settings (such as loading into the header/footer and tried different numbers with the priority setting) but nothing works.

This is an example of the custom css I’m using:

.cycloneslider-caption-title {

margin-top:150px;
font-size:44px;

}

.cycloneslider-caption-description {

margin-top:130px;
font-size:16px;
border:0px solid #000;

}

thanks for any advice

https://wordpress.org/plugins/cyclone-slider-2/