
.layout--politechnika--two-states--banner--content {
  position: absolute;
  bottom: 20px;
  opacity: 1;
  z-index: 10;
  transition: all .3s;
}

.layout--politechnika--two-states--banner--hover-content {
  position: absolute;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, .7);
  opacity: 0;
  z-index: 9;
  transition: all .3s;
}

.layout--politechnika--two-states--banner:hover .layout--politechnika--two-states--banner--content,
a:hover .layout--politechnika--two-states--banner .layout--politechnika--two-states--banner--content,
a:focus .layout--politechnika--two-states--banner .layout--politechnika--two-states--banner--content {
  opacity: 0;
  z-index: 9;
}

.layout--politechnika--two-states--banner:hover .layout--politechnika--two-states--banner--hover-content,
a:hover .layout--politechnika--two-states--banner .layout--politechnika--two-states--banner--hover-content,
a:focus .layout--politechnika--two-states--banner .layout--politechnika--two-states--banner--hover-content {
  opacity: 1;
  z-index: 10;
}

.main-container .layout--politechnika--two-states--banner .block,
.layout--politechnika--two-states--banner .block {
  margin: 0;
}
