﻿.technical-placeholder {
  position: relative;
  min-height: clamp(23rem, 34vw, 31rem);
  display: grid;
  place-items: center;
}

.technical-placeholder > span {
  color: #342f29;
  background: rgba(255, 255, 255, 0.78);
}

.technical-placeholder__drawing {
  position: absolute;
  right: 18%;
  top: 17%;
  width: clamp(11rem, 22vw, 16rem);
  height: clamp(14rem, 26vw, 19rem);
  border: 0.45rem solid #8fb0bc;
  border-top-width: 1rem;
  transform: skewX(-9deg);
}

.technical-placeholder__drawing::before,
.technical-placeholder__drawing::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  height: 0.35rem;
  background: #8fb0bc;
}

.technical-placeholder__drawing::before {
  top: 35%;
}

.technical-placeholder__drawing::after {
  top: 62%;
}

