/*goodlooks container*/

.goodlooks {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}


/*first image, pdt body*/

.goodlooks .body {
  max-width: 100%;
  width: 100%;
  height: auto;
}


/*second image, pdt cover*/

.goodlooks .cover {
  position: absolute;
  right: 0;
  top: 0;
  border-left: 2px solid #fff;
  width: 15px;
  height: 100%;
  overflow: hidden;
}

.goodlooks .cover video {
  width: 100vw;
  position: absolute;
  top: 0;
  right: 0;
}

.goodlooks .cover img {
  width: 100vw;
  position: absolute;
  top: 0;
  right: 0;
  max-width: none;
}


/*last image, arrow*/

.goodlooks .arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px) !important;
  right: 0;
  cursor: pointer;
}