.block.block-vimeo-image .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .block.block-vimeo-image .grid {
    grid-template-columns: 1fr;
  }
}
.block.block-vimeo-image .grid .vimeo {
  grid-row: span 2;
  grid-column: span 2;
  overflow: hidden;
  background-color: black;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .block.block-vimeo-image .grid .vimeo {
    height: 400px;
  }
}
.block.block-vimeo-image .grid .vimeo .vimeo_player {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  justify-content: center;
}
.block.block-vimeo-image .grid .vimeo .iframe-vimeo {
  height: var(--heightVideo, 100%);
  width: var(--widthVideo, 100%);
  margin-left: var(--offsetLeft);
  margin-top: var(--offsetTop);
}
.block.block-vimeo-image .grid .vimeo iframe {
  width: 100%;
  height: 100%;
}
.block.block-vimeo-image .grid .image {
  background-color: red;
  width: 100%;
  height: 100%;
  min-height: 100px;
}
@media screen and (max-width: 768px) {
  .block.block-vimeo-image .grid .image {
    display: none;
  }
}
.block.block-vimeo-image .grid .image img, .block.block-vimeo-image .grid .image figure {
  width: 100%;
  height: 100%;
}
.block.block-vimeo-image .grid .vimeo, .block.block-vimeo-image .grid .image {
  overflow: hidden;
  border-radius: 10px;
}