.porfolio-vimeo-wrapper {
    pointer-events: none;
    opacity: 0;
    transition: all 1s;
    width: 100%;
    height: 100%;
}

.porfolio-vimeo-wrapper iframe {
    width: 100%;
    height: 100%;
}

/* Hiding the video URL div. */
.nectar-post-grid-item .nectar-post-grid-item__custom-fields {
    display: none;
}

.custom-portfolio-widget .nectar-post-grid .nectar-post-grid-item {
    height: 200px;
    min-height: 200px !important;
    max-height: 200px;
    padding: 0px !important;
}
.custom-portfolio-widget .nectar-post-grid .nectar-post-grid-item .nectar-post-grid-item-bg-wrap img {
    width: 100%;
    object-fit: cover;
    height: 200px !important;
    min-height: 200px !important;
}
.custom-portfolio-widget .nectar-post-grid .nectar-post-grid-item iframe {
	/*
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    width: 100%;
	*/
	width: auto !important;
	height: auto !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0) scale(1.5);
	object-fit: cover;
	object-position: center;
}

@media screen and (min-width: 1024px) {
    .custom-portfolio-widget .nectar-post-grid .nectar-post-grid-item {
        height: 350px !important;
        min-height: 350px !important;
    }
    .custom-portfolio-widget .nectar-post-grid .nectar-post-grid-item .nectar-post-grid-item-bg-wrap img {
        width: 100%;
        object-fit: cover;
        height: 350px !important;
        min-height: 350px !important;
    }
    .custom-portfolio-widget .nectar-post-grid .nectar-post-grid-item iframe {
		/*
        height: 350px !important;
        min-height: 350px !important;
        width: 100% !important;
		*/
    }
}

/* 1) Ensure the video wrapper sits over the thumbnail */
.nectar-post-grid-item {
  position: relative;     /* so child absolute can position itself */
}
.porfolio-vimeo-wrapper {
  position: absolute;
  top:     0;
  right:   0;
  bottom:  0;
  left:    0;
  opacity: 0;             /* hidden by default */
  transition: opacity .3s ease;
  z-index: 2;             /* sit above the image */
  overflow: hidden;
  border-radius: 6px;     /* match your cards */
}

/* 2) Fade it in when you hover the whole grid item */
.nectar-post-grid-item:hover .porfolio-vimeo-wrapper {
  opacity: 1;
}

/* 3) Make sure the iframe fills that wrapper */
.porfolio-vimeo-wrapper iframe {
  width:  100% !important;
  height: 100% !important;
  object-fit: cover;
}