Stefan Larsen Stefan Larsen - 1 year ago 44
HTML Question

Css going away when hover

i got this problem that when i hover over this video element then i lose the css (the border-radius) its on the video row. Does any of you have any idea what i can do to fix it?

.gallery-image {
border-radius: 10px;
position: relative;
overflow: hidden;

<div class="large-3 columns">
<div class="building-block-item">
<a href=";autoplay=1&amp;rel=0. " class="gallery-video" data-featherlight="" data-featherlight-type="iframe">
<div class="gallery-image">
<div class="gallery-veil">
<img src="assets/images/video/video.png?anchor=center&amp;mode=crop&amp;width=282&amp;height=190&amp;rnd=130965782700000000&amp;quality=90">


UPDATED Its because of transition so please remove transition from .gallery-image img

I have checked the code and found by removing overflow your div will go out of border(few px) so removing transition is better way. Your class will be look like this :

.gallery-image img
    width: 100% !important;
    max-width: 100% !important;